﻿.css3,.right-panel .open-panel{behavior:url(/styles/lib/PIE/PIE.htc);}.right-panel{width:50px;height:100%;position:fixed;right:0;top:0;z-index:1001;}.right-panel .inner{width:50px;height:100%;background:#6f727a;z-index:2;position:fixed;right:0;transform:translate3d(50px,0,0);transition:transform .6s;transition-delay:.4s;-webkit-transform:translate3d(50px,0,0);-webkit-transition:-webkit-transform .6s;-webkit-transition-delay:.4s;}.right-panel .inner .hide_item{display:none;}.right-panel .inner .content{margin-top:49px;}.right-panel .inner .content .item{width:100%;height:89px;color:#fff;transform:translate3d(50px,0,0);transition:transform .6s;transition-delay:.6s;-webkit-transform:translate3d(50px,0,0);-webkit-transition:-webkit-transform .6s;-webkit-transition-delay:.6s;}.right-panel .inner .content .item#history{transition-delay:.8s;-webkit-transition-delay:.8s;}.right-panel .inner .content .item#favorit{transition-delay:1s;-webkit-transition-delay:1s;}.right-panel .inner .content .item .icon{width:50px;height:89px;position:absolute;cursor:pointer;}.right-panel .inner .content .item .icon.channel-icon{background:url("../images/r-ch.png");}.right-panel .inner .content .item .icon.channel-icon:hover{background-position:-50px 0;}.right-panel .inner .content .item .icon.history-icon{background:url("../images/r-re.png");}.right-panel .inner .content .item .icon.history-icon:hover{background-position:-50px 0;}.right-panel .inner .content .item .icon.favorit-icon{background:url("../images/r-co.png");}.right-panel .inner .content .item .icon.favorit-icon:hover{background-position:-50px 0;}.right-panel .inner .content .item.current .icon.channel-icon{background-position:-50px 0;}.right-panel .inner .content .item.current .icon.history-icon{background-position:-50px 0;}.right-panel .inner .content .item.current .icon.favorit-icon{background-position:-50px 0;}.right-panel .inner #back-top,.right-panel .inner #feedback{width:50px;height:49px;background:url("../images/back-top.png") -4px 0;position:absolute;bottom:70px;cursor:pointer;transform:translate3d(0px,110px,0);transition:transform .6s;transition-delay:1.2s;-webkit-transform:translate3d(0px,110px,0);-webkit-transition:-webkit-transform .6s;-webkit-transition-delay:1.2s;}.right-panel .inner #back-top .tips,.right-panel .inner #feedback .tips{left:-57px;top:13px;width:71px;height:24px;position:absolute;background:url("../images/back-tip.png");display:none;}.right-panel .inner #back-top:hover .tips,.right-panel .inner #feedback:hover .tips{display:block;}.right-panel .inner #back-top:active,.right-panel .inner #feedback:active{background-position:-63px 0;}.right-panel .inner #feedback{transition-delay:1.4s;-webkit-transition-delay:1.4s;background:url("../images/feed-back.png") -4px 0;bottom:25px;}.right-panel .inner #feedback .tips{background:url("../images/feed-tip.png");}.right-panel .inner #feedback:active{background-position:-63px 0;}.right-panel .inner.show{transform:translate3d(0px,0,0);-webkit-transform:translate3d(0px,0,0);}.right-panel .inner.show #back-top,.right-panel .inner.show #feedback{transform:translate3d(0px,0,0);-webkit-transform:translate3d(0px,0,0);}.right-panel .inner.show .content .item{transform:translate3d(0px,0,0);-webkit-transform:translate3d(0px,0,0);}.right-panel .open-panel{display:none;position:fixed;right:50px;top:0;width:357px;height:100%;background:#fff;z-index:-1;}.right-panel .open-panel.showinner .title{display:block;}.right-panel .open-panel.showinner .panel-inner{display:block;}.right-panel .open-panel .title{position:relative;width:300px;height:70px;margin:0 auto;border-bottom:1px solid #a6b1bb;color:#0a8ee5;font-weight:bold;font-size:24px;text-align:center;line-height:70px;}.right-panel .open-panel .panel-inner .login-tip,.right-panel .open-panel .panel-inner .empty-tip{width:100%;height:auto;margin-top:100px;display:none;}.right-panel .open-panel .panel-inner .login-tip .inner-logo,.right-panel .open-panel .panel-inner .empty-tip .inner-logo{width:216px;height:85px;margin:0 auto;background:url("../images/panel-logo.png");}.right-panel .open-panel .panel-inner .login-tip .tip-info,.right-panel .open-panel .panel-inner .empty-tip .tip-info{color:#71787f;text-align:center;margin-top:20px;font-size:18px;font-weight:bold;}.right-panel .open-panel .panel-inner .login-tip .login-btn,.right-panel .open-panel .panel-inner .empty-tip .login-btn{width:135px;height:34px;background:url("../images/login-tip.png");margin:20px auto;}.right-panel .open-panel .panel-inner .login-tip .login-btn:hover,.right-panel .open-panel .panel-inner .empty-tip .login-btn:hover{background-position:-136px 0;}.right-panel .open-panel .panel-inner .login-tip .login-btn:active,.right-panel .open-panel .panel-inner .empty-tip .login-btn:active{background-position:-272px 0;}.right-panel .open-panel .panel-inner ul.r-list{width:300px;}.right-panel .open-panel .panel-inner ul.r-list li{width:100%;background:#e7ebef;margin-bottom:14px;position:relative;}.right-panel .open-panel .panel-inner ul.r-list li a{width:100%;height:90px;display:block;float:left;position:relative;}.right-panel .open-panel .panel-inner ul.r-list li img{width:160px;height:90px;float:left;border:0;}.right-panel .open-panel .panel-inner ul.r-list li .c-name{width:136px;height:90px;text-align:center;line-height:20px;font-size:16px;color:#51575d;position:absolute;top:0;right:3px;*position:relative;*display:block!important;display:table!important;word-break:break-all;padding:0;margin:0;}.right-panel .open-panel .panel-inner ul.r-list li .c-name .tabel{position:static;*position:absolute;display:table-cell;vertical-align:middle;*display:block;top:50%;width:100%;padding:0;margin:0;right:0;}.right-panel .open-panel .panel-inner ul.r-list li .c-name .tabel .cell{padding:0;margin:0;position:relative;top:-50%;text-align:center;width:100%;}.right-panel .open-panel .panel-inner ul.r-list li .c-name:hover{color:#0a8ee5;}.right-panel .open-panel .panel-inner ul.r-list li .c-name span{width:100%;height:36px;display:inline-block;overflow:hidden;}.right-panel .open-panel .panel-inner ul.r-list li .close{display:none;width:38px;cursor:pointer;z-index:11;height:32px;background:url("../images/close3.png");position:absolute;right:0;}.right-panel .open-panel .panel-inner ul.r-list li .close:hover{background-position:-47px 0;}.right-panel .open-panel .panel-inner ul.r-list li:hover .close{display:block;}.right-panel .open-panel .panel-inner ul.r-list li .img-cover{width:160px;height:90px;background:rgba(0,0,0,0.2);position:absolute;display:none;left:0;top:0;}.right-panel .open-panel .panel-inner ul.r-list li .img-cover .playicon{background:url("../images/playicon.png");margin:20px auto;width:53px;height:52px;}.right-panel .open-panel .panel-inner ul.r-list li:hover .img-cover{display:block;}.right-panel .r-svg{width:50px;height:100%;position:fixed;right:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);-webkit-transition:-webkit-transform .6s;transition:transform .6s;fill:#6f727a;}.right-panel .r-svg.show{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0);}#hotchannel-panel .panel-inner{width:320px;margin:13px 0 0 29px;}#hotchannel-panel .panel-inner .time-tag{margin-top:14px;height:24px;font-size:18px;font-weight:bold;color:#51575d;}#history-panel .title{width:300px;height:70px;margin:0 auto;border-bottom:1px solid #a6b1bb;color:#0a8ee5;font-weight:bold;font-size:24px;text-align:center;line-height:70px;}#history-panel .panel-inner{width:320px;height:630px;margin:13px 0 0 29px;}#history-panel .panel-inner .time-tag{margin-top:14px;height:24px;font-size:18px;font-weight:bold;color:#51575d;}#favorit-panel .panel-inner{width:320px;height:630px;margin:13px 0 0 29px;}.svg-wrap{right:50px;top:0;width:357px;height:100%;position:fixed;z-index:1000;fill:#fff;-webkit-transform:translate3d(357px,0,0);transform:translate3d(357px,0,0);-webkit-transition:-webkit-transform .4s;transition:transform .4s;}.svg-wrap.open{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0);}.mCSB_container{margin-right:20px;}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#0a8ee5;}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#0a8ee5;}.mCustomScrollBox>.mCSB_scrollTools{right:-2px;}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#0a8ee5;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";}