@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: #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: 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:;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;}