@charset "utf-8";
/***直播模块****/
.firstCate:hover,.firstCateSel{ background-color:#188eee;}
.videoRightTitle .videoMore{ float:right;}
.videoRightTitle{ height:40px; line-height:40px;}
/**直播列表***/
.liveList ul li{ margin-bottom:20px; position:relative; width:935px; height:345px;}
.liveList ul li img{ width:935px; height:345px;}
.live_mask{ width:935px; position:absolute; left:0; bottom:0; z-index:10;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; background-color:#000; height:100px;}
.onliveIcon{ width:120px; height:120px; display:block; background:url(../images/onliveIcon.png) no-repeat; position:absolute; right:0; top:0;}
.overliveIcon{ width:120px; height:120px; display:block; background:url(../images/overliveIcon.png) no-repeat; position:absolute; right:0; top:0;}
.yugaoIcon{ width:120px; height:120px; display:block; background:url(../images/yugaoIcon.png) no-repeat; position:absolute; right:0; top:0;}

.liveInfoBlock{ height:80px; width:835px; position:absolute; bottom:0; left:0; padding:10px 50px; z-index:20;}
.infoLeft .livetitle{ font-size:18px; height:32px; line-height:32px; color:#fff;}
.infoLeft .liveunit,.infoLeft .livetime{ color:#fff; line-height:24px; height:24px;}
.infoLeft .livetime .timelength{ margin-left:60px;}
.liveInfoBlock .infoRight{ float:right; margin-top:15px; display:inline-block;}
.liveInfoBlock .infoRight .zhiboButton{ width:160px; height:50px; line-height:50px; display:block; background-color:#5fb41b; color:#fff; font-size:20px; text-align:center;}
.liveInfoBlock .infoRight .yugaoButton{ width:160px; height:50px; line-height:50px; display:block; background-color:#188eee; color:#fff; font-size:20px; text-align:center; cursor:pointer;}
.liveInfoBlock .infoRight .yugaoButtonEd{width:160px; height:50px; line-height:50px; display:block; background-color:#999; color:#fff; font-size:20px; text-align:center;}
.liveInfoBlock .infoRight .overliveButton{ width:120px; height:50px; background:url(../images/replay.png) no-repeat; display:block;}

/**往期直播**/


.videoList ul li{ width:296px; float:left; border:1px solid #f9f9f9; margin-right:20px; margin-bottom:20px;}
.videoList ul li div.img{ width:296px; height:165px; position:relative;}
.videoList ul li div.img:hover div{display:block;}
.videoList ul li div.img .img_mask{ width:296px; height:165px; position:absolute; left:0; top:0; z-index:10;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; background-color:#000; display:none;}
.videoList ul li div.img .imgPlay{ width:296px; height:165px; position:absolute; background:url(../images/playIcon.png) no-repeat center; left:0; top:0; z-index:100; display:none;}
.videoList ul li div.img .imgPlay a{ width:296px; height:165px; display:block;}
.videoList ul li div.img .playtime{position:absolute; z-index:80; right:10px; bottom:10px; color:#fff; height:24px; line-height:24px; font-size:12px; display:none;}
.videoList ul li div.img img{ width:246px; height:165px;}
.videoList ul li .videoDesc{ padding:10px 20px;}
.videoList ul li .videoDesc .title{ height:34px; line-height:34px; text-align:center;}
.videoList ul li .videoDesc .desc{ color:#7a7a7a; text-align:center;}




.liveContent{width:1050px;margin:0 auto;padding-top:10px;margin-top:30px;padding-bottom:20px;}
.liveContent .lLeft{float:left;width:220px;padding-left:10px;margin-bottom:30px;}
.liveContent .lRight{float:left;width:770px;margin-left:20px;min-height:200px;margin-top:10px;}
.lRight .livePic{float:left;width:600px;height:200px;}
.lRight ul li{float:left;width:100%;margin-bottom:15px;position:relative;}
.lRight ul li img{height:100%;width:100%;}
.lRight ul li .zezao{position:absolute;bottom:0;height:230px;width:450px;margin-left:80px;display:table;}
.lRight ul li .zezao .zb-dq{color:#fff;font-size:16px;font-weight:normal;}
.lRight ul li .zezao .zContent{height:180px;display: table-cell;vertical-align: middle;font-size:25px;line-height:32px;color:#288c28;font-weight:bold;text-align:center;}
.lRight ul li .liveFont{margin-right:5px;width:150px;line-height:18px;height:173px;color:#000;border:1px solid #ccc;border-radius:5px;font-size:14px;padding-top:25px;text-align:center;border-radius:5px;float:right;}
.liveFont .zb-button{line-height:40px;font-size:18px;height:40px;margin:0 auto;width:120px;background:url('../images/zhibo.png') no-repeat center center;background-position:-194px -37px;background-size:355px;}
.liveFont .zb-button a{color:#fff;padding:5px 20px}
.liveFont .zbxq-button{height:45px;width:120px;margin:10px auto;background:url('../images/zbxq.png') no-repeat center center;background-size:120px 45px;}
.liveFont .zbsj{font-size:12px;font-family:'微软雅黑';}
.zbxq-div{margin-top:10px;font-size;17px;}
.zbxq-button{margin-top:15px;}
.zbxq-button .jrzb{background:url('../images/zhibo.png') no-repeat center center;background-position:-194px -37px;background-size:355px;}
.zbxq-button .fh{background:url('../images/zhibo.png') no-repeat center center;background-position:-36px -37px;background-size:355px;}
.zbxq-button div{float:left;line-height:40px;text-align:center;font-size:18px;width:120px;height:40px;margin-right:30px;cursor:pointer;}
.zbxq-button div a{color:#fff;padding:5px 20px}
.zbxq-div .font{color:#aaa;} 
.zbxq-div .font p:first-child{text-indent:2em;} 


.liveContent ul li .liveFont font{font-size:18px;}
.liveContent ul li  .livebutton{width:160px;margin-left:20px;height:50%;text-align:center;margin-top:35px;position:absolute;bottom:-65px;right:0;}
.liveContent ul li  .livebutton a{background:#5fb41b;padding:10px 25px;color:#fff;font-size:18px;font-weight:blod;opacity:1;z-index:100;border-radius:4px;}
.liveContent ul li  .livebutton a:hover{background:#399809;}
.noLive{width:250px;margin:50px auto;color:#aaa;font-size:16px;}
.teacherList{margin-top:30px;}

/***视频内容列表**/
.videoList{margin-top:25px;}
.videoList ul li{ width:246px; float:left; border:1px solid #eee; margin-right:12px; margin-bottom:20px;overflow:hidden;}
.videoList ul li div.img{ width:246px; height:165px; position:relative;}
.videoList ul li .videoDesc{ padding:0px 0px;}
.videoList ul li .videoDesc .title{height:30px; line-height:38px; text-align:left;max-width:225px;overflow:hidden;text-overflow:ellipsis   }
.videoList ul li .videoDesc .title a{max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #438fe2; font-size: 13px;}
.videoList ul li .videoDesc .desc div{float:left;color:#7a7a7a;font-size:12px;margin-bottom:3px;}
.videoList ul li .videoDesc .time{height:20px;line-height:20px;font-size:12px;color:#aaa;}
.videoList ul li .videoDesc .zbdw{
    white-space: nowrap;
    max-width: 220px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    margin-top: 10px;
}
.zzzb{width:80px;heigth:20px;line-height:20px;position:absolute;top:0;text-align:center;background:#fc852e;color:#fff;z-index:100;}
.zbyg{width:80px;heigth:20px;line-height:20px;position:absolute;top:0;text-align:center;background:#0e99e9;color:#fff;z-index:100;}
.zbhf{width:80px;heigth:20px;line-height:20px;position:absolute;top:0;text-align:center;background:#a7a4a4;color:#fff;z-index:100;}
.zzop{width:245px;height:165px;position:absolute;top:0;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;display:none;}
.zzopen{width:245px;height:165px;position:absolute;top:0;background:url('../images/playIcon.png') no-repeat center;display:none;}
.zzc{height:165px;width:245px;cursor:pointer;position:absolute;top:0;}


.detail{margin:10px;padding:10px;}
.detail .detailPic{float:left;width:505px;}
.detail .detailPic img{width:505px;height:341px;}
.detail .detailDesction{float:left;width:459px;margin-left:20px;height:338px;overflow:hidden;}
.detail .detailDesction .title{font-weight:bold;font-size:18px;}
/* .detail .detailDesction .unitTime{color:#aaa;} */
.detail .detailDesction .zbdesction{margin-top:15px;margin-bottom:-5px;font-weight:bold;}
.detail .detailDesction .content{color:#666;max-height: 180px;overflow: auto;}



.detailXg ul li div.img{ width:296px; height:165px; position:relative;}
.detailXg ul li div.img:hover div{display:block;}
.detailXg ul li div.img .img_mask{ width:296px; height:165px; position:absolute; left:0; top:0; z-index:10;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; background-color:#000; display:none;}
.detailXg ul li div.img img{ width:246px; height:165px;}

/***视频内容列表**/
.detailXg{margin-top:15px;margin:10px;position:relative}
.detailXg ul li{ width:243px; float:left; border:1px solid #eee; margin-right:8px; margin-bottom:20px;overflow:hidden;}
.detailXg ul li div.img{ width:243px; height:165px; position:relative;}
.detailXg ul li .videoDesc{ padding:0px 0px;}
.detailXg ul li .videoDesc .title{height:30px; line-height:38px; text-align:left;max-width:225px;overflow:hidden;text-overflow:ellipsis   }
.detailXg ul li .videoDesc .title a{max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #438fe2; font-size: 13px;}
.detailXg ul li .videoDesc .desc div{float:left;color:#7a7a7a;font-size:12px;margin-bottom:3px;}
.detailXg ul li .videoDesc .time{height:20px;line-height:20px;font-size:12px;color:#aaa;}
.detailXg ul li .videoDesc .zbdw{font-size:12px;}