/* 公共样式 */
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,input,img{margin:0;padding:0}
html,body{width:100%;height:100%}
body{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
img{border:none;vertical-align:middle}
ul,li{list-style:none}
input::-moz-focus-inner{border:none;padding:0}
input,textarea{font-size:16px;margin:0}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none}
textarea{resize:none;font:16px "微软雅黑","SimSun","宋体","Arial Narrow",HELVETICA}
body{color:#fff;font:16px "微软雅黑","SimSun","宋体","Arial Narrow",HELVETICA;background:#fff;overflow:auto;min-width:1350px}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.clearfix{zoom:1}
a{color:#fff;text-decoration:none}
.main{width:100%;height:100%;position:relative;min-width:1400px;min-height:750px}
.margin{margin:0 123px;height:100%}

/* 头部 */
.header{height:50px;width:100%;position:absolute;z-index:5;top:0;background:#232325}
.header .margin>div{float:left}
.header .logo{margin-top:8px}
.header .logo img{height: 40px;}
.nav ul{margin-top:7px;margin-left:30px}
.nav ul li{float:left;height:39px;line-height:39px;padding:0 20px}
.header .margin .loginTo{float:right;margin-top:7px}
.header .toper_L{height:39px;line-height:39px;font-size:14px}
.header .toper_L .zhuce{color:#ff6428}
.header .toper_L img{margin-left:30px;margin-right:5px;cursor:pointer}

/* 主体 */
.content{width:100%;top:50px;position:absolute;z-index:10;bottom:50px;_height:100%;background:#292929;min-height:447px}
.content .leftVideo,.content .courseList{position:absolute;top:55px;bottom:46px}
.content .leftVideo{margin-right:505px;overflow:hidden}
.content .courseList{width:382px;right:123px}
#ascrail2000>div:hover,#ascrail2001>div:hover{background:#d2d2d2 !important}

/* 左侧视频 */
#autoIng{float:left;line-height:55px;display:none;font-size:18px}
.leftTitle span{line-height:55px;font-size:18px}
.leftTitle span:first-child{padding-right:50px}
.videos,.leftContent{height:100%;width:100%}
.videos .videoImg{width:100%;height:100%;position:relative}
.videos .mask{display:none;width:100%;height:100%;background:transparent;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;z-index:10;text-align:center}
.videos .mask .maskFalsh{width:374px;height:244px;position:absolute;margin:auto;top:0;left:0;right:0;bottom:42px;display:none}
.videos .mask .maskFalsh li{float:left;text-align:center}
.videos .mask .maskFalsh li a{display:block;width:100%;height:100%}
.videos .mask .maskFalsh li:last-child{float:right}
.videos .mask .maskFalsh li span{display:block}
.videos .mask .maskFalsh li img{vertical-align:middle;margin-bottom:20px}
.videos .mask .maskFalsh .mar40{margin-bottom:40px}
.videos .mask .maskFalsh .mar50{margin-bottom:50px}
.videos .mask .stop{display:none;position:absolute;bottom:84px;left:45px}
.videos .mask .maskAdvert{width:40%;height:40%;background:url(../images/zwt.png) center center no-repeat;background-size:100% 100%;position:absolute;margin:auto;top:0;left:0;right:0;bottom:42px;display:none;text-align:left}
.videos .mask .maskAdvert span{cursor:pointer;display:block;width:55px;background:url(../images/close1.png) right center no-repeat;color:#fff;position:absolute;top:-29px;right:-36px}
.videos .rest{display:none;width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;z-index:10;text-align:center}
.videos .rest .maskAuto{width:300px;height:110px;position:absolute;margin:auto;top:0;left:0;right:0;bottom:42px;color:#fff;display:none}
.videos .mask .maskLook{display:none;width:460px;height:294px}
.videos .rest .maskAuto p:first-child{margin-bottom:35px}
.videos .rest .maskAuto p span{display:inline-block;width:110px;height:36px;border:1px solid #fff;border-radius:20px;line-height:36px;text-align:center;cursor:pointer}
.videos .mask .maskLook p:first-child{margin:0}
.videos .rest .maskAuto p span:hover{background:#1a8fe7;border-color:#1a8fe7}
.videos .rest .maskAuto p span:first-child{margin-right:32px}
.videos .mask .maskLook p span{display:inline-block;width:64px;height:28px;border:1px solid #fff;border-radius:20px;line-height:28px;text-align:center;cursor:pointer}
.yinShow img{float:left}
.volume{display:block;z-index:20;width:42px;left:-12px;color:#ccc;cursor:default;float:right}
.volumeSon{width:100px;height:5px;background-color:rgba(166,166,166,.5);border-radius:2px;cursor:pointer;margin-top:8px;margin-left:40px}
.volumeSon .volumeLine{width:100px;height:100%;background-color:#ff6429;border-radius:2px;position:relative}
.volumeSon .volumeC{position:absolute;top:-3px;left:95%;width:10px;height:10px;background:#fff;border-radius:100%}
.videos .mask .maskLook p span:first-child{margin:0 11px}
.videos{position:relative}
#block{width:100%;position:absolute;bottom:0;left:0;z-index:20;min-width:750px}
.videos .progressBar{width:100%;height:2px;cursor:pointer;background:#828282;overflow:hidden}
.videos .progressBar .line{height:100%;background:#d6d6d6}
.videos .progressBar .line .lineBar{width:0%;height:100%;background:#ff6e0b;position:relative}
.videos .progressBar .line .circular{width:16px;height:16px;border-radius:100%;background:#fff;display:none;position:absolute;left:-8px;top:0}
.videos .videosList{width:100%;height:40px;z-index:20;background:#151515}
.videos .videosListLeft{margin-left:24px;float:left}
.videos .videosListLeft li{float:left;line-height:40px;margin-left:30px;cursor:pointer}
.videos .videosListLeft .suspend,.videos .videosListLeft .play{margin-left:0}
.videos .videosListRight{float:right;margin-top:7px;margin-right:25px}
.videos .videosListRight li.item{float:left;cursor:pointer}
.videos .videosListRight li.item{height:27px;line-height:27px;text-align:center;margin-right:6px;font-size:14px;position:relative}
.videos .videosListRight .itemGQ{width:55px;background:url(../images/iconBg_03.png) center center no-repeat;background-size:100% 100%}
.videos .videosListRight .itemBS{width:82px;background:url(../images/iconBg_05.png) center center no-repeat;background-size:100% 100%}
.videos .videosListRight .itemBL{width:82px;background:url(../images/iconBg_07.png) center center no-repeat;background-size:100% 100%}
.videos .videosListRight .itemBL .sz{width:18px;height:16px;display:block;background:url(../images/sz.png) center center no-repeat;background-size:100% 100%;float:left;margin-left:15px;margin-top:5px}
.videos .videosListRight .itemBL #itemBL{float:left;margin-left:6px}
.videos .videosListRight li.item .definition,.videos .videosListRight li.item .proportion{display:none;width:120px;height:147px;background:rgba(21,21,21,.85);z-index:100;text-align:center;position:absolute;bottom:34px;left:-33px;line-height:normal}
.videos .videosListRight li.item .proportion{left:-19px;height:135px}
.videos .videosListRight li.item .proportion i{display:block;width:114px;height:1px;background:#a9a9a9;margin:20px auto 0}
.videos .videosListRight li.item .definition li,.videos .videosListRight li.item .proportion dd,.videos .videosListRight li.item .proportion dt{margin-top:20px}
.videos .videosListRight li.item .proportion .playerSelection{height:24px;line-height:24px !important;width:72px;border-radius:5px;margin:20px auto 0;line-height:24px;background:#252b32}
.videos .videosListRight li.item .proportion dd.flagItem,.videos .videosListRight li.item .proportion .playerSelection:hover{color:#fff;background:#ff6428}
.videos .videosListRight li.item .proportion dd,.videos .videosListRight li.item .proportion dt{line-height:12px}
.videos .videosListRight li.item .speed li{margin-top:22px}
.videos .videosListRight li.item .definition li.flag,.videos .videosListRight li.item .speed li.flag,.videos .videosListRight li.item .proportion dd.flag{color:#ff6428}
.videos .videosListRight li.item .speed{display:none;width:120px;height:215px;background:rgba(21,21,21,.85);z-index:100;text-align:center;position:absolute;bottom:34px;left:-20px;line-height:normal}
.videos .videosListRight li.icon{margin-left:20px;float:left;cursor:pointer;font-size:14px;margin-top:3px}
.videos .videosListRight .mute img{width:23px;height:20px}
.screenList{display:none}
.otherList{height:46px;line-height:46px;background:#1f1f1f;position:absolute;bottom:0;left:123px;right:123px}
.otherList ul li{float:left;cursor:pointer;font-size:16px}
.otherList ul li.other{margin-left:30px}
.otherList ul li:first-child{margin-left:25px}
.otherList ul li img{margin-right:10px;float:left;margin-top:13px}

/* 右侧列表 */
.courseList .courseContent{background:#1f1f1f;height:100%;position:relative}
/* 右侧列表 */
.courseList .courseContent{background:#1f1f1f;height:100%;position:relative}
.courseList .courseContentTitle{height:42px;border:1px solid #363636}
.courseList .courseContentTitle li{float:left;width:50%;font-size:18px;line-height:42px;text-align:center;cursor:pointer;position:relative}
.courseList .courseContentTitle li.courseAcitve{color:#00bcfa}
.courseList .courseContentTitle li.courseAcitve i{display:block;width:28px;height:3px;background:#00bcfa;position:absolute;bottom:0;left:50%;margin-left:-14px}
.courseContent .list{width:100%;position:absolute;top:44px;left:0;bottom:0}
.courseContent .list .divlist{height:100%;overflow:hidden;display:none}
.courseContent .list>div:hover{overflow-y:auto}
.courseContent .list .listActive{display:block}
.courseContent .list .playList,.courseContent .list .curriculum{width:100%}
.courseContent .list .playList li,.courseContent .list .curriculum li{height:100px;position:relative;cursor:pointer;color:#bdbdbd;overflow:hidden; border-bottom: 1px solid #363636}
.courseContent .list .playList li i{display:block;width:17px;height:16px;background:url(../images/icon_11.png) center center no-repeat;background-size:100% 100%;position:absolute;top:22px;left:20px}
.courseContent .list .curriculum li{height: 50px;}
.courseContent .list .curriculum li i{display:block;width:16px;height:18px;background:url(../images/iconk_03.png) center center no-repeat;background-size:100% 100%;position:absolute;top:15px;left:20px}
.list .curriculum li:hover{background:#090909;color:#fff}
.list .curriculum li.item{background:#090909;color:#fff}
.list .curriculum li.item .bot a{color:#fff}
.list .curriculum li.item i{background:url(../images/iconk_10.png) center center no-repeat}
.courseContent .list .playList li:hover{color:#fff;background:#090909}
.courseContent .list .playList li.active{background:#000;color:#fff}

/*播放禁用*/
.courseContent .list .playList li.forbidden{background:#111;color:#444;cursor: not-allowed}
.courseContent .list .playList li.forbidden i{background:url(../images/forbidden.png) center center no-repeat; background-size: auto 100%; height: 18px;}

/* 正在播放开始 */
.courseContent .list .playList li.active i {background: url(../images/icon_085.png) center center no-repeat; }

/* 正在播放结束 */
.list .playList li .text{width:306px; margin-left:49px; margin-top:20px}
.list .playList li .text p{line-height:22px; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.list .playList li .bottom{position:absolute; bottom:11px; left:49px}
.list .playList li .bottom span:first-child{padding-right:30px}
.list .curriculum li .download{width:306px; margin-left:49px; margin-top:13px; }
.list .curriculum li .download p{line-height:22px; height: 22px; width: 266px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.list .curriculum li .bot{float: right;}
.list .curriculum li .bot a{display:inline-block; color:#bdbdbd; cursor: pointer;}
.list .curriculum li .bot a:hover{text-decoration: underline;}
.list .curriculum li .bot span{padding-right:30px}

/* 底部 */
.footer{width:100%;height:50px;line-height:50px;font-size:14px;text-align:center;color:#bdbdbd;background:#292929;position:absolute;bottom:0;left:0}
.load{width:32px;height:32px;background:url(../images/loading.gif) center center no-repeat;position:absolute;margin:auto;top:0;left:0;bottom:42px;right:0;z-index:1000}
.nextCour{width:240px;height:40px;color:#fff;font-size:18px;text-align:center;line-height:40px;background:rgba(0,0,0,.5);border-radius:20px;position:absolute;right:-260px;bottom:72px;z-index:1001}
.itemXL{width:82px;background:url(../images/iconBg_05.png) center center no-repeat;background-size:100% 100%}
.videos .videosListRight li.item .xl{width:110px}
.play-tip,.xl-tip{display:none;color:#fff;font-size:16px;padding-left:12px;height:30px;line-height:30px;background:rgba(0,0,0,.5);font-family:"Microsoft YaHei UI Light"}
.videos .videosListRight li.item .xl{display:none;width:120px;height:147px;background:rgba(21,21,21,.85);z-index:100;text-align:center;position:absolute;bottom:34px;left:-33px;line-height:normal}
.videos .videosListRight li.item .xl{left:-19px;height:187px}
.videos .videosListRight li.item .xl dt{margin-top:20px}
.videos .videosListRight li.item .xl .xlSelection{height:24px;line-height:24px !important;width:72px;border-radius:5px;margin:20px auto 0;line-height:24px;background:#252b32}
.videos .videosListRight li.item .xl dd.flagItem,.videos .videosListRight li.item .xl .xlSelection:hover{color:#fff;background:#ff6428}


/* 以下为模版页面样式迁移添加 */
/*去掉原始播放按钮*/
.pausecenter-canvas {display: none;}
/*右侧视频加载展示*/
.load{width:70px; height:70px; background:url(../images/loading.gif) center center no-repeat #000; background-size:70% 70%; position:absolute; margin:auto; top:0; left:0; bottom:42px; right:0; z-index:10000; border-radius:10px}
/*右侧无法播放展示*/
.cantPlay{position:absolute; left:50%; top:50%; background:#666; border-radius:20px; color:#fff; z-index:999; width:260px; height:36px; line-height:36px; text-align:center; margin-left:70px; margin-top:-115px; cursor:pointer; display:none}
.cantPlay img{position:relative; top:-2px; margin-left:8px; width:26px; height:26px;}
.cantPlay b{font-size:20px; display:block; float:left; width:20px; height:20px; text-align:center; line-height:17px; border:1px solid #fff; border-radius:20px; margin:7px}
.cantPlay b:hover{border:1px solid #e45151;color:#e45151}
/*播放遇到问题弹窗*/
.playProblem{height:46px; line-height:46px; margin-right:400px; float:right; cursor:pointer;}
.playProblem img{width:26px; height:26px; position:relative; top:-2px; margin-right:8px}
.cantPlayCon{position:absolute; left:50%; top:50%; z-index:99; background:#fff; width:856px; padding:40px 20px 30px; margin-left:-448px; margin-top:-193px; display:none}
.cantPlayCon p{color:#333; line-height:28px; font-size:16px; padding:10px 0;}
.cantPlayCon b{position:absolute; right:0px; top:0px; width:40px; height:40px; text-align:center; line-height:40px; font-size:30px; font-weight:bold; cursor:pointer; color:#000}
/*全局*/
.playerAll{width:100%; height:100%; position:relative; min-width:1200px; min-height:600px}