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

.live-wrp{float:left;width:640px;background:#000}


/* 直播区节目表 */
.zb{ padding-bottom:10px;}
.playlist{float:right;width:360px;height:600px;background:url(schedule-bg.png) #282828  0 50px;overflow:hidden;position:relative;z-index:90;}
#playlistLoader{padding:0 5px; width:305px; background-color:#282828;}
.date-selector{width:107.6%;height:55px;font-family:\5FAE\8F6F\96C5\9ED1;line-height:1.3;text-align:center;font-size:11px;}
.date-selector li,.channel-selector li{position:relative;float:left;margin-right:1px;width: 13%;}
.zbnews_list li.current{ margin-right:0;}
.date-selector li a,.channel-selector li a{display:block;width:100%;height:49px;padding:3px 0;background:#000;color:#999;}
.date-selector li a:hover,.channel-selector li a:hover{background:#282828;color:#1b9bdf;text-decoration:none;}
.date-selector li.current a,.channel-selector li.current a{background:#C5000A;}
.date-selector li a span{display:block;}
.date-selector li.current a{color:#fff;}
.date-selector li a span.day{font-weight:100;font-size:15px;}
 .bar{background:#C5000A;background-repeat:repeat-x;height:30px;line-height:30px;padding:0 10px;color:#fff;box-shadow:0 3px 5px #000;}
 .bar a{color:#ccc;}
 .bar a:hover{color:#fff;text-decoration:none;}
 .bar .sub-link{float:right;}
 .bar .sub-link a.golive{background:url(liveicon.png) no-repeat 0 1px;padding:2px 0 2px 25px;}
#liveChannelName{height: 30px;line-height: 30px;background: none;}
/* 滚动条 */
.jspContainer{overflow:hidden;position:relative;}
.jspPane{ background: #222;position: absolute;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{position:relative;}
.jspDrag{position:relative;cursor:pointer;background:#333;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;padding:0 1px;height:100%;background:#1a1a1a;}
.jspVerticalBar .jspArrow{display:block;height:13px;cursor:pointer;background:#333;}
.jspVerticalBar .jspArrowDown{background:#333;}
.jspDragTop,.jspDragBottom{position:absolute;width:100%;height:1px;overflow:hidden;background:#101f2f;}
.jspDragBottom{bottom:0;}

.schedule{height:422px;overflow:hidden;outline:0;display: none;}
.schedule ul li{color:#f1f1f1;line-height:40px;height:40px;padding:0 8px;border-bottom:1px dotted #393939;overflow:hidden;cursor:pointer;}
.schedule ul li a{display:block;}
.schedule ul li.current,.schedule ul li:hover{/*background:rgba(255,255,255,0.1);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#11ffffff',EndColorStr='#11ffffff');*/ border:1px solid #1b9bdf;}
:root .schedule ul li.current,:root .schedule ul li:hover{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000'); }
.schedule ul li.current{color:#C5000A;font-weight:700;border:1px solid #C5000A;border-radius:3px;margin-top:-1px;}
.schedule ul li.onair{background-image:url(liveicon.png);background-position:215px -22px;background-repeat:no-repeat;}
.schedule .time{float:left;width:40px;padding:0 8px;font-weight:normal;}
.schedule .tip{float:right;font-weight:normal;color:#e34423;}
.schedule ul li.onair .tip{padding-left:20px;text-decoration:underline;}
.schedule ul li.future{color:#555;cursor:default;}
.schedule ul li.future:hover{background:none;filter:none;}


#playerDrag, #player {position: relative;z-index: 100;}
#lightBg{position:fixed;_position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;background:#000;}
.light-on{display:none;}
.light-off{display:block;}


.ti{position: absolute; width: 640px; height: 475px; z-index: 999; top: 40px; padding:10px;}