@charset "utf-8";


::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    border-radius: 0px;
    background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb
{
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
    background-color: #333333;
}

html,body,html>body,.video-wrapper{padding: 0;margin: 0;height: 100%;}
.video-wrapper header{posi>body,tion:relative;height: 60px;background-color: #111111;border-bottom: 1px solid #333333;overflow: hidden;color:#ffffff;font-size: 18px;line-height: 60px;}
.video-wrapper header .mulubtn{width: 130px;float: left;cursor: pointer;}
.video-wrapper header .mulubtn:hover{opacity: 0.9;}
.video-wrapper header .mulubtn .ml_icon{display: inline-block;width: 60px;height: 60px;background:url(../images/video/mulu_icon.png);vertical-align: top;}
.video-wrapper header .currentTitle{float: left;}
.video-wrapper header .currentTitle:before{content: "|";font-size: 24px;display: inline-block;vertical-align: top;margin-right: 15px;line-height: 56px;}
.video-wrapper header .sharebox{float: right;}
.video-wrapper header .sharebox span{display: block;float: left;line-height: 60px;}
.video-wrapper header .sharebox img{width: 30px;height: 30px;float: left;margin: 15px;}
.video-container{position: absolute;top: 61px;bottom: 0;width: 100%;overflow: hidden;}

.video-container .leftmenu{position: absolute;width: 24%;top: 0;left: 0;bottom: 0;background:#1b1b1b;color:#ffffff;z-index: 100;transition: all ease-in-out .5s; overflow:auto}
.video-container .leftmenu h2{line-height: 60px;font-size: 14px;background-color: #111111;padding:0 10px;}

.video-container .leftmenu .mulu_list{padding:0 10px;color:#bcbcbc;}
.video-container .leftmenu .mulu_list a{color:#bcbcbc;}
.video-container .leftmenu .mulu_list li,.video-container .leftmenu .mulu_list>li>div{min-height: 36px;line-height: 36px;color: #bcbcbc;display: block;cursor: pointer;}
.video-container .leftmenu .mulu_list>li{width: 100%;display:inline-block;}
.video-container .leftmenu .mulu_list>li>.inactive{background: url("../images/video/zhankai.png") no-repeat  right;}
.video-container .leftmenu .mulu_list>li>.inactives{background: url("../images/video/shouqi.png") no-repeat  right;}
.video-container .leftmenu .mulu_list>li>.inactive.inactives:before,.video-container .leftmenu .mulu_list>li>.inactive:before{display:inline-block;float: right;margin-right: 24px;}
.video-container .leftmenu .mulu_list>li>.inactive.inactives:before{content:"收起";}
.video-container .leftmenu .mulu_list>li>.inactive:before{content:"展开";}
.video-container .leftmenu .mulu_list>li>ul>li{padding-left:15px;}


.video-container .leftmenu .mulu_list h5 {margin-right: 20px;width: 260px;height: 36px;overflow: hidden; }
.video-container .leftmenu .mulu_list img{ width: 16px; height: 10px; display: inline-block; margin-right: 6px; margin-top: 13px;}
.video-container .leftmenu .mulu_list span.shuxian { margin: 0 10px; color: #009cf5; font-size: 12px; font-weight: bold; }
.video-container .leftmenu .mulu_list>li>div a{margin-right:15px;}
.video-container .leftmenu .mulu_list li.active img{height:16px;margin-top:10px;}
.video-container .leftmenu .mulu_list1 h5{width:235px;}








/* .video-container .leftmenu .list{padding: 0 20px;}
.video-container .leftmenu .list a{display: block;line-height: 36px;font-size: 12px;color:#bcbcbc}
.video-container .leftmenu .list a:hover,.video-container .leftmenu .list a.active{color:#ffffff;}
.video-container .leftmenu .list a:before{display: inline-block;content:"";width: 14px;height: 8px;background: url(../images/video/video.png);margin-right: 15px;}
.video-container .leftmenu .list a:hover:before,.video-container .leftmenu .list a.active:before{background: url(../images/video/video_hover.png);}
 */
.videocss{width: 100%;height: 100%;background-color: #333333;}

.video-container .rightbox{position: absolute;width: 24%;top: 0;right: 0;bottom: 0;background:#1b1b1b;color:#ffffff;z-index: 100;transition: all ease-in-out .5s;}
.video-container .rightbox .tabbox{position: absolute;top: 0;bottom: 30%;width: 100%;}
.video-container .rightbox .tabbox ul{height: 60px;overflow: hidden;line-height: 60px;text-align: center;background-color: #111111;}
.video-container .rightbox .tabbox li{width: 50%;float: left;font-size: 18px;cursor: pointer;}
.video-container .rightbox .tabbox li.on{color:#0091f4;border-bottom: 2px solid #0091f4;height: 58px;}
.video-container .rightbox .tabbox .content{padding: 20px;box-sizing: border-box;overflow-y: auto;position: absolute;top: 60px;bottom: 0;width: 100%;}
.video-container .rightbox .tabbox .content dd{margin-bottom: 10px;font-size: 12px;}
.video-container .rightbox .tabbox .content h3{color:#bcbcbc;margin-bottom: 5px;}
.video-container .rightbox .tabbox .content p{color:#ffffff;line-height: 22px;}
.video-container .rightbox .tabbox .content a{display: block;line-height: 30px;font-size: 16px;color:#ffffff;margin-bottom: 15px;}
.video-container .rightbox .tabbox .content img{width: 30px;height: 30px;display: inline-block;vertical-align: top;margin-right: 15px;vertical-align: top;}
.video-container .rightbox .tabbox .content .box{display: none;}
.video-container .rightbox .formbox{position: absolute;bottom: 0px;width: 100%;height: 30%;}
.video-container .rightbox .formbox .form-header{height: 50px;background-color: #111111;}
.video-container .rightbox .formbox .form-header .edit{width: 70px;height: 50px;display: block;cursor: pointer;background:url(../images/video/edit_icon.png);}
.form-area{padding: 10px;position: absolute;top: 50px;bottom: 70px;overflow: hidden;word-wrap: break-word;width: 100%;box-sizing: border-box;}
.video-container .rightbox .formbox textarea{background: none;color:#ffffff;font-size: 14px;border: none;outline: none;width: 100%;height: 100%;}
.soujin{width: 20px;height: 100px;background:url(../images/video/suojin.png);background-size: contain;position: absolute;top: 50%;margin-top: -74px;left: -19px;z-index: 100;cursor: pointer;}
.video-container .rightbox .formbox .btn-box{height: 70px;position: absolute;bottom: 0;left: 0;width: 100%;text-align: right;}
.btn-fasong{width: 81px;height: 39px;margin: 15px;border: none;outline: none;cursor: pointer;font-size: 18px;color:#ffffff;background:url(../images/video/btnbg.png);}
.btn-fasong:hover{opacity: 0.9}

#videoDiv {
    position: absolute;
    top: 0px;
    left: 24%;
    right: 24%;
    bottom: 0;
    transition: all ease-in-out .5s;
}
#videoDiv > div, #videoDiv > div > div {
    width: 100% !important;
    height: 100% !important;
}

#player .polyvFlashObject{width:100% !important;height:100% !important;}