.play{overflow:hidden; position: fixed;top:0; z-index: 800; width: 100%; height: 100%; background-color:#3f3f3f;color:#a0a0a0;}

.left-content{ position: absolute; right: 350px; top: 0; left: 0; bottom: 0; min-width: 705px;height:100%;}
.sidebar-hide .left-content{right:0;}
.play-top{ line-height: 56px;}
.play-top p{font-size:1.5em;text-align:center;}

.play-content{position:absolute;top:56px;bottom:0;left:0;right:0;}
.play-content-video{height:100%;}

.play-center .text-error{ font-size:0.875em;line-height:1.5em; }
.play-video-hide{visible:hidden;overflow:hidden;width:0}
.play-video-init-center{position:absolute;top:50%;left:50%;margin:-180px 0 0 -275px;}

.play-ppt { position: relative;width: 550px; height: 363.375px;background-color:#000;}
.play-ppt-img { width: 100%; height: 100%;}
.play-controls {position: absolute;bottom:0;left:0;right:0;height: 44px; line-height: 42px; padding: 0 14px;background-color: #000;}
.play-controls .fl i{ color: #8c8c8b}
.play-page{ position: absolute; left: 50%; margin-left: -75px; color: #fff; width: 150px; text-align: center; font-size: 0.875em;}
.play-page .play-now { color: #d29f29;}
.play-amazing i{ color: #fff; margin: 0 10px;}
.play-amazing i.active,
.play-amazing i:hover{ color: #d29f29;}
.play-amazing .icon-rotate{ font-size: 1.125em;}

.play-footer{ position: absolute; bottom: 0; left: 0;right:0; z-index: 200;padding:18px 20px 15px;}
.play-footer a:hover{color:#a0a0a0;}

/* .play-state, .play-back{display:inline-block;color:#a0a0a0;padding-left: 25px;font-size:14px;line-height:18px;margin:0 20px;background:url(../img/play-icons.png) no-repeat 0 0;cursor:pointer} */
.play-back{position:absolute;top:10px;left:10px;width:40px;height:40px;overflow:hidden;text-indent:-300px;background-position:14px -329px;}
.play-state-prev{background-position:0 2px;}
.play-state-prev-disable{background-position:0 -78px;color:#666;}
.play-state-next{background-position:0 -38px;}
.play-state-next-disable{background-position:0 -118px;color:#666;}
.play-state-check{background-position:0 -160px;}
.play-state-check-active{background-position:0 -200px;color: #b19241;}
.play-state-ppt{background-position:0 -240px;}
.play-state-ppt-active{background-position:0 -280px;}
.play-state-prev-disable:hover,
.play-state-next-disable:hover {color:#666!important;}

.switch { display: block; width: 36px; height: 110px; position: absolute; right: 0px; top: 50%; text-align: center; margin: -55px 0 0; z-index: 998; cursor: pointer;}
/* .switch a{background:url(../img/play-side-icon.png) no-repeat 0 0;display:block;width:36px;height:54px;margin-bottom:20px;} */
.switch a.switch-handout{background-position:0 -71px;}

.right-content { position: absolute; right: 0px; width: 350px; z-index: 200; background: #212121; bottom: 0; top: 0px; border-left:19px solid #1b1b1b;}
.right-content .right-arrow{ position: absolute; left:-19px; top:0;bottom:0;width:19px;height:100%;cursor: pointer;  color: #969696; font-size: 0.875em;}
.right-content .right-arrow>span{position:absolute;top: 50%;left:0;width:19px;margin-top:-10px;text-align:center}


.play .tab-content { width: 100%; position: absolute; top: 50px; bottom: 0px;}
.play .tab-content .tab-pane { display: none;}
.play .tab-content .tab-pane.current { display: block; height: 100%; overflow: auto;}

.control-panel { height: 100%; position: relative;}
.control-panel ul { margin: 0px; padding: 0px; line-height: 1.6; overflow: hidden;}

.control-panel .play-nav{padding:15px 0; border-bottom: 0;background-color:#232323;}
.play-nav li{ width: 50%;padding:0; font-size:16px; }
.play-nav li.current:after{display:none;}
.play-nav li a{ color: #909090; border:none;}
.play-nav li:first-child a{border: 0;}
.play-nav li.current a{ color: #b49441;}
.play-nav li.current:after{ width:75px; height:3px; margin: 0 0 0 -37px;}
.play-nav .videoJy{border-left:1px solid #3f3f3f;}

.control-panel span { padding: 8px 14px; color: #909090; background: #242424; display: block; padding: 14px 22px;}
.control-panel .knob-list li { position: relative; padding: 0 0px 0 23px;}
.control-panel .knob-list li a { color: #909090; font-size: 0.875em; padding: 16px 35px 16px 20px; text-decoration: none; display: block; cursor: pointer;}

.control-panel .knob-item.current { background: #232323;}
.control-panel .knob-item.current a {color:#b49441;}
.control-panel .knob-item:after { content: ""; position: absolute; left: 22px; top: 0; width: 1px; height: 100px; background: #616161; z-index: 5 }
.control-panel .knob-item:before {content: ""; width: 18px; height: 18px; border-radius:50%; border:2px solid #5b5b5b; background: #5b5b5b; position: absolute; left: 13px; top: 16px; content: ""; display: block; z-index: 10;}
.control-panel .knob-item .icon-pro{top:16px;left:23px;z-index:15;}
.control-panel .four-four .icon-pro{left:13px;}

.control-panel .jiangyi-list { line-height: 0;}
.control-panel .jiangyi-list div { cursor: pointer; padding: 8px 16px;}
.control-panel .jiangyi-list div.current { background: #888;}
.control-panel .jy-list img { width: 100%;}

#player p{color:#fff;text-align:center;padding:50px 0;}
#player p a{color:#b01c40;text-decoration:underline;}

.play-chapter-progress{position:absolute;top:16px;left:13px;z-index:20;display:none\0;}
.play-chapter-progress .circle-progress:after{background-color:#5b5b5b;}
.play-chapter-progress .circle-progress{background-color:#5b5b5b;}


.right-content .chapter-item:last-child{border-bottom:none;margin-top:10px;}
.right-content .chapter-item .cpt{color:#b0b0b0;padding:10px 22px;background-color:#2f2f2f;}
.right-content .chapter-item-active a{text-decoration:none;}
.right-content .chapter-item-active .cpt{color:#b49441;}

/* .icon-play-chapter{display:inline-block;vertical-align:middle;width:14px;height:14px;background:url(../img/icon-play-chapter.png) no-repeat;position:absolute;right:13px;top:19px;} */
.icon-play-video{background-position:0 0;}
.icon-play-work{background-position:0 -37px;}
.icon-play-exam{background-position:0 -73px;}
.icon-play-read{background-position:0 -110px;}

/*作业类页*/
.play-paper{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto;background-color:#e5e5e5;}
.play-paper-body{min-height:500px;margin:25px;padding:15px 45px 25px;color:#313131;box-shadow:0 0 2px rgba(0,0,0,.05);background-color:#f2f2f2;}
.play-paper-title{margin:0 10px;text-align:center;}
.play-paper-title div{padding-bottom:3px;display:inline-block;border-bottom:1px solid #707070;}
.play-paper-title h3{padding:0 0 5px;margin:0;display:inline-block;font-size:20px;border-bottom:3px solid #707070;}
.play-paper-body .help{color:#999;font-size:12px;}
.play-paper-body .help-file{margin-top:-10px;}
.play-paper-body .area-btns{margin:20px 0;}
.play-paper-body .area-btns .btn{padding:6px 25px;}
.play-paper-body .area-btns .help{margin-top:10px; font-size: 14px}
.play-paper-body .area-btns .help-info{display:inline-block;vertical-align:middle;}
.play-paper-body .webuploader-btn .upbtn{color:#b49441;text-decoration:underline;padding:3px 15px;font-size:.9em;display:inline-block;}
.play-paper-body .webuploader-btn .loading .fa-spin{font-size:1.2em!important;}
.play-paper-body label{font-weight:normal;}
.play-paper-body input{vertical-align:middle;}

.play-paper-check{margin-top:20px;padding:20px;border:1px solid #dedede;}
.play-paper-check h4{font-size:16px;margin:0 0 10px;}
.play-paper-check-item{padding-left:3em;}
.play-paper-check-item b{margin-left:-3em;margin-top:1px;display:inline-block;vertical-align:top;}
.play-paper-check-item .edit_html{display:inline-block;vertical-align:top;}


/*阅读材料*/
.play-read-files{padding:30px;}
.play-read-files li{font-size:16px;padding:20px 30px;margin-bottom:10px;background-color:#fff;}

/*章节作业*/
.play-chapter-work{padding:25px;}
.play-chapter-work .work-number{margin-left:-25px;}
.play-chapter-work .work-title{margin-top:-20px;margin-bottom:10px;}
.play-chapter-work .area-btns{margin:20px -25px 0;border-top:1px solid #eaeaea;padding-top:20px;}
.play-chapter-exam{padding:25px;}
.play-chapter-exam li{position:relative;margin-top:15px;border-bottom:1px solid #b49441;}
.play-chapter-exam .exam-title{margin: -20px 0 10px 25px;}
.play-chapter-exam .wrong{color:#d80000;}
.play-chapter-exam .correct{color:#090;}
.play-chapter-exam .answer{position:absolute;right:25px;bottom:10px;}
.play-chapter-exam .result{float:right;margin-top:-20px;margin-right:-20px;font-size:16px;font-weight:bold;}

.play-paper-step{font-weight:bold;font-size:16px;margin:30px -20px 15px;padding-bottom:10px;border-bottom:1px dashed #cecece;}


@media (max-width:768px){
    .left-content {min-width:0;right:0;}
    .play-back{margin:0;}
    .play-chapter-work{padding:25px 0;margin-right:-20px;}
    .play-read-files{padding:30px 0;margin:0 -20px;}
    .switch{top:80%;}
    .play-paper-body{ padding: 15px 25px 25px; }
    .play-paper-step{ margin: 30px 0 15px; }
}
