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

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


/* 直播区节目表 */
.playlist{float:right;width:350px;height:550px;overflow:hidden;position:relative;z-index:90;}
#playlistLoader{padding:0px;}
.date-selector{width:105%;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:0px;}
.date-selector li a,.channel-selector li a{display:block;width:49px;height:49px;padding:3px 0;background:#1d1d1d;color:#fff;}
.date-selector li a:hover,.channel-selector li a:hover{background:#701a18;color:#fff;text-decoration:none;}
.date-selector li.current a,.channel-selector li.current a{background:#282828;}
.date-selector li a span{display:block;}
.date-selector li a span.day{font-weight:700;font-size:15px;}
.playlist .bar{background:#232323;background-repeat:repeat-x;height:30px;line-height:30px;padding:0 10px;color:#fff;box-shadow:0 3px 5px #000;}
.playlist .bar a{color:#83595a;}
.playlist .bar a:hover{color:#fff;text-decoration:none;}
.playlist .bar .sub-link{float:right;}
.playlist .bar .sub-link a.golive{background:url(liveicon.png) no-repeat 0 1px;padding:2px 0 2px 25px;}
/* 滚动条 */
.jspContainer{overflow:hidden;position:relative;width: 290px !important;}
#liveSchedule{width: 290px !important;}
.jspPane{position:absolute;}
.jspPane ul{height:450px;overflow: auto;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{position:relative;}
.jspDrag{position:relative;cursor:pointer;background:url(slide_ico.png) no-repeat center center;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;padding:0 1px;height:100%;background:#050f1b;}
.jspVerticalBar .jspArrow{display:block;height:13px;cursor:pointer;background:url(up.gif) no-repeat -1px;}
.jspVerticalBar .jspArrowDown{background:url(down.gif);margin:1px -1px 0 0;}
.jspDragTop,.jspDragBottom{position:absolute;width:100%;height:1px;overflow:hidden;background:#101f2f;}
.jspDragBottom{bottom:0;}

.schedule{height:550px;overflow:hidden;outline:0;}
.schedule ul li{color:#fff;line-height:35px;height:35px;padding:0 8px 0 15px;overflow:hidden;cursor:pointer;background:#282828;border-bottom:1px solid #303030;}
.schedule ul li a{display:block;}
.schedule ul li.current,.schedule ul li:hover{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#11ffffff',EndColorStr='#11ffffff');}
: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:#dd0000;font-weight:700;border-radius:3px;margin-top:-1px;}
.schedule ul li.onair{background-image:url(dqjm.png);background-repeat:no-repeat;}
.schedule .time{float:left;width:40px;padding:0 8px;font-weight:normal;}
.schedule .tip{float:right;font-weight:normal;color:#dd0000; display:none;}
.schedule ul li.onair .tip{padding-left:20px;text-decoration:underline;}
.schedule ul li.future{color:#999;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;}