@charset "utf-8";
/* CSS Document */


.zindex { position:relative; width:100%; height:350px;}
.zwhitebg { width:980px; margin:0 auto; padding-left:10px; padding-right:10px; background-color:#fff;}
/*----------------------------------------------------
banner
-----------------------------------------------------*/
.zbanner { position:relative; width:100%; height:350px; overflow:hidden;}
.zb_middle { position:absolute; width:6000px; height:350px;}
.zb_item { float:left; width:100%; height:350px;}
.zb_item a { display:block; width:100%; height:350px;}
.zb_maskL { position:absolute; left:0; top:0; width:480px; height:350px;  background:url(../images/jilin_bannerL.png) no-repeat;}
.zb_maskR { position:absolute; right:0; top:0; width:480px; height:350px;  background:url(../images/jilin_bannerR.png) no-repeat;}
.zb_point { position:absolute; bottom:0; width:100%; height:20px; text-align:center; z-index:2;}
.zb_off,.zb_on { display:inline-block; width:15px; height:15px; margin-left:10px; background-color:#fff; cursor:pointer;}
.zb_on { background-color:#ff730d;}
.sch_w { width:100%; height:2px; background-color:#fff;}
.zb_sch { width:0; height:2px; background-color:#14c67d}
/*----------------------------------------------------
recom & hot
-----------------------------------------------------*/
.zrecom { position:absolute; right:0; top:81px; width:100%; height:0; z-index:200;}
.zr_bg { float:right; width:300px; height:350px; background:url(../images/jilin_opacity60.png) repeat; color:#fff;}
.zr_tab {font-size: 0;height:34px; background-color:#272a2e; }
.zr_off,.zr_on { display:inline-block; width:150px; height:31px; text-align:center;font-size:14px;}
.zr_off a,.zr_on a,.zr_off a:hover,.zr_on a:hover { display:inline-block; color:#fff;  line-height:31px; text-decoration:none;}
.zr_on a ,.zr_off a:hover{ border-bottom:3px #14c67d solid;}
.zr_box { padding-top:10px; display:none;}
.zr_box h2 { font-weight:normal;}
.zr_hot ,.zr_other { display:inline-block; width:16px; height:16px; margin:10px; margin-top:5px; border:1px #ff730d solid; background-color:#ff730d; line-height:16px; text-align:center; color:#fff;}
.zr_other { border:1px #95a0a4 solid; background:none; color:#b7c1c4;}
.zr_vt { vertical-align:top;}
.zr_text { display:inline-block; width:185px; line-height:12px; *line-height:normal; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; vertical-align:middle; color:#c0c4c7;}
.zr_text a { color:#c0c4c7;}
.zr_num { display:inline-block; width:70px; line-height:12px; *line-height:normal; text-align:right; vertical-align:middle;}
.zr_cur { background-color:#272a2e;}
.zr_cur a { color:#fff;}
.zr_hover_vi { display:none; padding-top:5px; padding-bottom:5px;}
.zr_hover_img { display:inline-block; width:89px; height:55px; padding-top:5px; padding-bottom:5px;}
.zr_hover_info {display:inline-block; width:150px; height:55px; line-height:18px; padding-top:5px; padding-left:10px; vertical-align:top;}
/*----------------------------------------------------
model of title
-----------------------------------------------------*/
.zmodel_h ,.zmodel_b{ padding-top:15px; line-height:26px;}
.zmodel_h2 { display:inline-block; float:left; font-size:22px; font-weight:normal; }
.zmodel_more ,.zmodel_m { display:inline-block; float:right; width:88px; height:38px; background:url(../images/jilin_more_13.gif) no-repeat; line-height:38px; text-align:center;}
.zmodel_more a { color:#fff;}
.zmodel_b { border-bottom:3px #14c67d solid; }
.zmodel_m { background:none; text-align:right; font-size:14px;}
/*model of content*/
.zc_pt { padding-top:10px;}
.zc_item { float:left; width:229px; height:207px; padding-top:10px; padding-bottom:14px; padding-right:18px;}
.zc_i_pr0 { padding-right:0;}
.zc_i_box { height:205px; border:1px #ededed solid; background:#fff; -moz-box-shadow:0px 0px 5px #f9f9f9; -webkit-box-shadow:0px 0px 5px #f9f9f9; box-shadow:0px 0px 4px #ededed; }
.zc_i_bg { padding:5px;}
.zc_i_re { position:relative; width:218px; height:131px;}
.zc_i_img ,.zc_i_a{ position:absolute; width:218px; height:131px; font-size:0; line-height:0;}
.zc_i_a a {display:block;  width:218px; height:131px; background:url(../images/blank.gif) repeat;}
.zc_i_a a:hover { position:absolute; background:url(../images/picareabig.png) center no-repeat;}
.zc_i_sc { position:absolute; right:0; bottom:0; width:40px; height:28px; padding-left:10px; padding-right:10px; background:url(../images/jilin_opacity60.png) repeat; line-height:28px; font-size:14px;}
.zc_i_sc a { color:#fff;}
.zc_i_text { height:50px; padding-top:8px; padding-bottom:10px; line-height:24px; font-size:12px;}
.zc_i_h3 { color:#000; text-align:center; font-weight:bold; font-size:14px;}
.zc_i_zgray { line-height:24px; color:#9a9a9a}
.zc_i_info { display:inline-block; width:108px; text-align:center;}
.zmbox { margin-top:20px; padding-bottom:49px;}
.zm_left { position:relative; width:310px; height:230px; padding-top:10px; padding-right:10px; display:inline; line-height:0; vertical-align:top; overflow:hidden;}
.zm_l_img { position:absolute; width:310px; height:230px;display:inline; line-height:0; vertical-align:middle; overflow:hidden; vertical-align:top;}
.zm_l_a { position:absolute; width:310px; height:230px; background:url(../images/blank.gif) repeat;}
.zm_l_text { position:absolute; bottom:0; width:299px; height:30px; padding-left:10px; background:url(../images/jilin_opacity70.png) repeat; line-height:30px;}
.zm_right { width:630px; line-height:26px;}
.zm_r_h3 { font-size:16px; font-weight:bold;}
.zm_r_box { padding-top:6px;}
.zm_r_item { width:280px;}
.zm_r_graypx { display:inline-block; width:24px; height:24px; line-height:37px; background:url(../images/jilin_graypx.gif) center no-repeat;}
.zm_r_text { display:inline-block; width:255px;overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}

/*登录弹出框*/
.pupBox{ background-color:#fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; z-index:9999;}
.pupBox .boxTop{ overflow:hidden; padding:10px 10px 0 0;}
.pupBox .boxTop a{ float:right; width:15px; height:15px; background:url(../images/icons_2.png) no-repeat -267px 0;}
.pupBox .boxCon{ padding:0 60px;}
.pupBox .boxCon p{ padding-bottom:25px;}
.pupBox .boxCon h4{ font-size:22px; color:#555; padding-bottom:25px; padding-top:10px;}
.pupBox .boxCon .inpTxt{ background:url(../images/input.gif) no-repeat;}
.pupBox .boxCon .inpTxt input{ width:440px; padding:0 5px; height:37px; line-height:37px; border:0; background:none;}
.pupBox .boxCon .login{ text-align:right;}
.pupBox .boxCon .login input{ width:122px; height:39px; border:0; background:none; background:url(../images/icons.png) no-repeat -94px top; cursor:pointer;}
.pupBox .boxCon .txt{ font-size:14px; text-align:right;}


/* 回到顶部 */
.contactUs:hover{background-position:-70px -60px}
.Feedback{_display:none;position:fixed;_position:absolute;z-index:999;right:15px;bottom:0px;_bottom:auto;width:60px;height:60px;text-indent:-999px;overflow:hidden;background:url(/images/topIcon.png) 0 -121px;}
.Feedback:hover{background-position:-70px -120px}
#returnTop {_display:none;position:fixed;_position:absolute;z-index:999;right:15px;bottom: -140px;_bottom:auto;width:60px;height:60px;text-indent:-999px;overflow:hidden;background-image:url(/images/topIcon.png);_background-image:url(/images/topIcon.png);background-repeat:no-repeat;background-position:0 0;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;}
#returnTop:hover {background-position:-70px 0;}
.contactUs{_display:none;position:fixed;_position:absolute;z-index:999;right:15px;bottom:64px;_bottom:auto;width:60px;height:60px;text-indent:-999px;overflow:hidden;background:url(/images/topIcon.png) 0 -61px;}


.main{ border:1px solid #e3e3e3; width:1000px; margin:0 auto; margin-top:20px; background:url(../images/menubg.gif) repeat-y; background-color:#fff; overflow:hidden; min-height: 650px;}

.mainMenu{ width:222px; float:left;}
.mainMenu h1{ height:50px; line-height:50px; font-size:24px; background:url(../images/titlebgjpg.jpg) right repeat-y #df0000; padding-left:40px; border-bottom:1px solid #d8d8d8;color:#FFF}
.mainMenu ul{}
.mainMenu ul li{ border-bottom:1px solid #fff; zoom:1;}
.mainMenu ul li a{ border-bottom:1px solid #d8d8d8; height:50px; line-height:50px; padding-left:40px; display:block; color:#555; font-size:16px;}
.mainMenu ul li a:hover,.mainMenu ul li .curm{ background:url(../images/icons_1.png) no-repeat right center; background-color:#df0000; width:183px; color:#fff;}

/*课程搜索页*/
.mainCon{ overflow:hidden; float:right; width:710px; padding:0 30px 30px;}
.pad12{ padding:12px 13px 30px 0; width:751px;}
.lisConTit{ overflow:hidden; padding-top:20px; line-height:27px;}
.lisConTit .btnGray2{ margin-left:10px;}
.lisConTit .tittxt{ font-size:24px;}
.lisConTit .return{ float:right; font-size:16px; color:#b70000;}

.mainCon{ overflow:hidden; float:right; width:710px; padding:0 30px 30px;}
.pad12{ padding:12px 13px 30px 0; width:751px;}
.lisConTit{ overflow:hidden; padding-top:20px; line-height:27px;}
.lisConTit .btnGray2{ margin-left:10px;}
.lisConTit .tittxt{ font-size:24px;}
.lisConTit .return{ float:right; font-size:16px; color:#b70000;}

.videoUlDiv{ width:711px; overflow:hidden; margin:0 auto;}
.videoUlDiv .videoUl{ width:750px; overflow:hidden;}
.videoUlDiv .videoUl li{ float:left; margin-right:36px; margin-top:20px; border:1px solid #e3e3e3; width:210px; height:252px; position:relative; overflow:hidden;}
.videoUlDiv .videoUl li .videoImg{ display:block;}
.videoUlDiv .videoUl li img{ width:210px; height:150px;}
.videoUlDiv .videoUl li .videoCon{ position:absolute; width:100%; background-color:#fff; padding-top:38px; left:0; top:150px;}
.videoUlDiv .videoUl li .videoCon .playBtn{ display:block; width:64px; height:64px; background:url(../images/icons_2.png) no-repeat -74px -188px; position:absolute; top:-32px; left:50%; margin-left:-32px;}
.videoUlDiv .videoUl li .videoCon .playBtn:hover{ background-position:-3px -188px;}
.videoUlDiv .videoUl li .videoCon .playNumber{ position:absolute; top:0; right:10px; color:#999; display:inline-block; vertical-align:top;}
.videoUlDiv .videoUl li .videoCon .playNumber i{ float:left; width:12px; height:9px; background:url(../images/icons_2.png) no-repeat -11px -24px; margin-top:5px; margin-right:3px;}
.videoUlDiv .videoUl li .videoCon h2{ text-align:center;}
.videoUlDiv .videoUl li .videoCon h2 strong{ font-size:18px; display:block; padding-bottom:3px; color:#333;}
.videoUlDiv .videoUl li .videoCon h2 span{ font-size:12px; color:#ccb18d;}
.videoUlDiv .videoUl li .videoCon .conTxt{ color:#999; padding:15px 10px 20px; text-align:justify; text-justify:inter-ideograph;}
.videoUlDiv ol.videoUl li{ height:235px;}
.videoUlDiv ol.videoUl li .videoCon{ padding-top:5px;}
.videoUlDiv ol.videoUl li .videoCon .playNumber{ top:60px;}


.ltcourse{
    padding-left: 4px;
    padding-right: 4px;
}
.lt-item{
    margin-top: 20px;
    margin-right: 20px;
    float: left;
}
.lt-item2{
    margin-right: 0px;
}
.lt-ilist{
    position: relative;
    width:228px;
    height:176px;
}
.lt-ilistimg{
    display: block;
    width:100%;
    position: absolute;
}
.lt-bgo{
    position: absolute;
    z-index:1;
    background: url(../images/bgfix_03.png);
    background-repeat: repeat;
    width:100%;
    height: 100%;
    top:0px;
    left: 0px;
    text-align: center;
}
.lt-liliscenter a{
    display:block;
    color: #ffffff;
    font-size: 18px;
    line-height: 28px;
}
.lt-liliscenter a:hover{
    color: #14c67d;
    text-decoration: underline;
}
.lt-liliscenter{
    margin-top:64px;
}
.lt-txt2{
    font-size: 14px !important;
}

/*活跃老师栏目*/
.activeColumn{width:50%;margin-bottom:20px}
.activeUl li{float: left;padding: 20px 25px 20px 0;width: 50px;height: 80px;overflow: hidden;}
.activeUl li img{width: 50px;height: 50px;border-radius: 100%;}
.activeUl li p{text-align: center;padding-top: 5px;white-space: nowrap;}



.newNotice{width:303px;}
.newNotice  h3{height:40px;line-height:40px;border-bottom:solid 2px #9abed7;font-size:18px;color:#333;font-weight:100;position:relative}
.newNotice  h3 span{position:absolute;height:40px;border-bottom:solid 2px #91d116;top:0;left:0}
.newNotice  h3 a{font-size:12px;}
.newNotice ul li{height:24px;line-height:24px;padding:5px 0;font-size:13px;overflow: hidden;}
.newNotice ul li span{display:inline-block;width:40px;height:14px;line-height:14px;background:#a9b9ad;text-align:center;color:#FFF;font-size:12px;margin-right:10px;}
.range{width:277px;margin-left:60px;}
.Menuboxbon{height:40px;line-height:40px;border-bottom:solid 2px #9abed7;position:relative}
.Menuboxbon ul{position:absolute;height:42px;left:0;top:0}
.Menuboxbon ul li{float:left;padding:0 10px;height:40px}
.Menuboxbon ul li a{font-size:14px;color:#777;}
.Menuboxbon ul li.cur{border-bottom:solid 2px #ff9000}
.Menuboxbon ul li.cur a{color:#333;font-size:18px;}
.contentboxTwo{padding:5px 0}
.contentboxTwo  ul {position:relative;width:305px}
.contentboxTwo  ul li{float:left;margin:8px 20px 8px 5px;text-align:center;width:48px;}
.contentboxTwo .contentbox{width:303px;}
.contentboxTwo  .contentbox li{height:24px;line-height:24px;font-size:13px;float:none;text-align:left;width:100%}
.contentboxTwo  .contentbox  li span{display:inline-block;width:20px;height:14px;line-height:14px;background:#a9b9ad;text-align:center;color:#FFF;font-size:12px;margin-right:10px;}