body{ background:#f5f5f5 url("../image/live24/bkg.jpg") no-repeat center 80px; box-sizing: border-box;}

/*--鐩存挱--*/
.liveVideoBox{ width: 1170px; overflow: hidden; margin: 0 auto; text-align: left; padding-top: 30px; margin-bottom: 30px;}
.liveVideoCon{position: relative; background: url("../image/point1.png") repeat; }
.liveVideoBody{ width: 890px; height: 545px; overflow: hidden; background: #000; position: relative;}
.liveVideoBody img{ width: 100%; display: block;} /*鍗犱綅绗�*/
.liveVideoBody .rev{ width: 100%; height: 100%; position: relative;}
.liveVideoBody .fix{ width: 242px; height: 180px; position: fixed; z-index: 1000; right: 0; bottom: 0;}
.VideoList{ position: absolute;right: 0; top: 0;width: 295px; height: 545px; z-index: 2;}
.VideoList ul{ width: 280px;}
.VideoList li{ margin-left: 15px; padding: 20px; display: block; width: 240px; height: 135px; position: relative; cursor: pointer;}
.VideoList li.cur{ background: url("../image/point2.png") repeat;}
.VideoList li span.arrow{ display: none; position: absolute; width: 15px; height: 24px; left: -15px; top: 50%; margin-top: -12px; background: url("../image/arrow2_icon.png") no-repeat 0 0; }
.VideoList li.cur span.arrow{ display: block;}
.VideoList li img{ width: 100%; display: block;}
.VideoList li .cover{ display: none; position: absolute; z-index: 10; left: 20px; top: 20px; width: 240px; height: 135px; overflow: hidden; background: rgba(0,0,0,.6); font-size: 14px; color: #fff;}
.VideoList li .cover span.live{ border: 1px solid #ae203e; background: #c7213d; width: 40px; height: 22px; line-height: 22px; display: block; overflow: hidden; text-align: center;}
.VideoList li .cover p{ margin: 10px; line-height: 24px; height: 24px; overflow: hidden;}
.VideoList li .cover span.time{ display: block; margin: 0 10px; color: #ccc; padding-left: 20px; background: url("../image/time2_icon.png") no-repeat 0 center;}
.VideoList li:hover .cover{ display: block;}

.liveVideoBox .infor{position: relative; z-index: 5; height: 75px; background: #000; padding-left: 186px;}
.liveVideoBox .infor .liveNow{position: absolute; left: 10px; bottom: 0; height: 85px; width: 160px; text-align: center; color: #fff; line-height: 85px; font-size: 24px; background: #e91839; display: inline-block;}
.liveVideoBox .infor .liveNow b { position: absolute; top: 0; right: -10px; width: 10px; height: 10px; display: block; background: url("../image/arrow_icon.png") no-repeat 0 0;}
.liveVideoBox .infor .programme { font-size: 24px; line-height: 75px; color: #fff;}
.liveVideoBox .infor .programme span { display: inline-block; margin-left: 22px; background: url("../image/time_icon.png") no-repeat 0 center; padding-left: 28px; font-size: 18px; line-height: 75px; color: #75787c;}
.liveVideoBox .infor a.openBtn { position: absolute; display: block; top: 15px; right: 15px; width: 120px; height: 45px; line-height: 45px; font-size: 20px; text-align: center; background: #e91839; color: #fff; border-radius: 4px;}
#videoCon object,#videoCon embed{ width: 100%; height: 100%;}

/*--棰勫憡 && 鍥炵湅--*/
.advance,.tvback{ width: 1170px; margin: 0 auto; text-align: left; overflow: hidden;}
ul.advaceList,ul.tvbackList{ width: 1200px; overflow: hidden;}
ul.advaceList li{ float: left; display: inline; width: 270px; height: 380px; margin-right: 30px; margin-bottom: 30px; overflow: hidden;  background: #fff;}
ul.advaceList li a{ display: block;}
ul.advaceList li .pic{ width:270px; height:152px; overflow:hidden; position:relative; text-align:center;}
ul.advaceList li .pic a{display:table-cell;vertical-align:middle; width:270px; height:152px;}
ul.advaceList li .pic a img{ width:100%; vertical-align:middle; display: block; margin: 0 auto; position: relative\0; position: absolute; top:0%\0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
*+html ul.advaceList li .pic a{position:absolute;top:50%;width:100%;text-align:center;height:auto;}
*+html ul.advaceList li .pic a img{position:relative;top:-50%;left:-50%;}
*html ul.advaceList li .pic a{position:absolute;top:51%;width:100%;text-align:center;height:auto;display:block;}
*html ul.advaceList li .pic a img{position:relative;top:-50%;left:-50%;width:expression(this.width>270?"270px":"auto");height:expression(this.height>152?"152px":"auto");}

ul.advaceList li .pic span{ position: absolute; z-index: 20; left: 0; top: 0; width: 54px; height: 30px; display: block; line-height: 30px; text-align: center; font-size: 16px; color: #fff; border: 1px solid #0195d9; background: #009ade;}
ul.advaceList li .pic span.zb{background:#e91839;border: 1px solid #e91839; }
ul.advaceList li .pic span.hk{background:#e91839;border: 1px solid #e91839; }

ul.advaceList .infor{ padding: 8px 15px; line-height: 24px;}
ul.advaceList .infor span.time{ display: block; background: url("../image/time_icon.png") no-repeat 0 center; padding-left: 30px; font-size: 16px; height: 24px; overflow: hidden; color: #666; margin-bottom: 6px;}
ul.advaceList .infor h1{ color: #000; font-size: 16px; overflow: hidden; margin-bottom: 10px; max-height: 48px; overflow: hidden; color: #000;}
ul.advaceList .infor p{ border-top: 1px solid #f5f5f5; padding-top: 10px; font-size: 14px; color: #888; line-height: 24px; height: 96px; overflow: hidden;}

/*.tvbackListTop{ width: 600px;}
.tvback .merge{ width: 570px; height: 380px; background: #fff; overflow: hidden;}
.tvbackListTop li,.tvbackList li{ float:left; display:inline; width: 270px; height: 180px; overflow: hidden; background: #fff;}
.tvbackListTop li{margin-left: 30px; }
.tvbackList li{margin-right: 30px; }
.tvbackListTop li{ margin-bottom: 20px;}
.tvbackList li{ margin-bottom: 30px; }
.tvbackListTop li .pic,.tvbackList li .pic,.tvback .merge .pic{ position: relative;}
.tvbackListTop li .pic img,.tvbackList li .pic img,.tvback .merge .pic img{ width: 100%; display: block;}
.tvbackListTop li .pic img,.tvbackList li .pic img{height: 150px;}

.tvbackListTop li .pic span,.tvbackList li .pic span,.tvback .merge .pic span{position: absolute; left: 0; top: 0; width: 54px; height: 30px; display: block; line-height: 30px; text-align: center; font-size: 16px; color: #fff; border: 1px solid #db1837; background: #e91839;}
.tvbackListTop li h1,.tvbackList li h1{ font-size: 14px; color: #000; line-height: 26px; height: 26px; overflow: hidden; padding: 0 20px;}
.tvback .merge h1{ padding: 0 20px; font-size: 20px; color: #000; line-height: 60px; height: 60px; overflow: hidden;}*/
a#more{ display: block; text-align: center; font-size: 18px; color: #e91839; padding-bottom: 10px;}

/*--鍒嗕韩--*/
.shareBox{ position: fixed; z-index:1000; right: 10px; bottom: 200px; width: 60px; _position: absolute; _right: 0; _bottom: 180px;}
.shareBox a,.shareBox span.btn_top{ display: block; background: url("../image/share_icon.png") no-repeat; width: 60px; height: 60px; overflow: hidden;}
.shareBox a{ margin-bottom: 18px;}
.shareBox a.sian{ background-position: 0 0;}
.shareBox a.wx{ background-position: 0 -78px;}
.shareBox a.qq{ background-position: 0 -157px;}
.shareBox span.btn_top{ background-position: 0 -235px; cursor: pointer;}

/*------婊氬姩鏉�------*/
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto;}
.mCustomScrollBox{ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr;}
.mCSB_container{  width: auto; height: auto; overflow: hidden;}
.mCSB_scrollTools{ position: absolute; width: 8px; height: auto; left: auto; top: 0; right: 0; bottom: 0;}
.mCSB_outside + .mCSB_scrollTools{ right: 0px; }
.mCSB_scrollTools .mCSB_draggerContainer{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto;}
.mCSB_scrollTools .mCSB_draggerRail{  width: 2px;  height: 100%;  margin: 0 auto;  -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCSB_scrollTools .mCSB_dragger{ cursor: pointer; width: 100%; height: 30px; z-index: 1; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{  position: relative;  width: 4px;  height: 100%;  margin: 0 auto;  -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;  text-align: center; }
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_draggerRail{  background-color: #000; background-color: rgba(0,0,0,0.4);  filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ccc; background-color: rgba(204,204,204,0.75);  filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";}