@charset "utf-8";
/* CSS Document */
#main{ background:#fff;}

.class-play-msg{ height:45px; line-height:45px; background:#fffbef;}
.class-play-msg .msg{background:url(tan_02.png) no-repeat 0 14px; padding-left:25px; color:#666;}
.class-play-msg .msg a{color:#40c381; padding:0 3px;}
.class-play-msg .msg a:hover{color:#36b072;}
.class-play-msg .close{ background-position:8px -1325px; width:30px; height:30px; margin-top:7px; cursor:pointer;}
.class-play-msg .close:hover{transform:rotate(180deg);-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}

/*播放模块*/
.class-play-box{ background:#67686d; height:600px; width:100%; overflow:hidden; }
.video_left{ width:820px; overflow:hidden; height:540px;background:#444; float:left; position:relative;}
.share-slide{ position:absolute; right:1px; top:162px;height:156px; width:50px;z-index:99; display:none;}
.share-slide a{width:50px; height:30px; padding-top:20px;line-height:30px; text-align:center;border-radius:3px;display:block; color:#999; margin-bottom:2px;}
.share-slide a.feedback{ background:rgba(0,0,0,0.6) url(play_share.png) no-repeat 0 -410px;}
.share-slide a.feedback:hover{ background:rgba(0,0,0,0.6) url(play_share.png) no-repeat -50px -410px; color:#fff;  }

.share-slide a.phone{ background:rgba(0,0,0,0.6) url(play_share.png) no-repeat 0 -460px; position:relative;}
.share-slide a.phone:hover{ background:rgba(0,0,0,0.6) url(play_share.png) no-repeat -50px -460px; color:#fff;  }
.share-slide a.phone em.ma{ position:absolute; right:53px; top:-20px; width:96px; height:90px; background:url(ma.png) no-repeat; display:none;}
.share-slide a.phone em.ma img{ width:80px; height:80px; margin:5px 5px 0 0;}
.share-slide a.phone:hover em.ma{ display:block;}

.share-slide a.share{ background:rgba(0,0,0,0.6) url(play_share.png) no-repeat 0 -510px; }
.share-slide a.share:hover{ background:rgba(0,0,0,0.6) url(play_share.png) no-repeat -50px -510px; color:#fff;  }

.share-nav{ position:absolute; left:0px; bottom:0px; height:50px;width:820px; background:#222; display:none; }
.share-nav .left-nav i.line{ background:url(line_03.jpg) no-repeat 0 17px; height:50px; width:1px; float:left;}
.share-nav .left-nav a,.share-nav .left-nav em.share{padding:0 19px; float:left;padding-left:40px;color:#999; height:50px; line-height:50px; }
.share-nav .left-nav a.zan{ background:url(play_share.png) no-repeat 0 0px; }
.share-nav .left-nav a.zan:hover{ background:url(play_share.png) no-repeat 0 -50px; color:#fff;}

.share-nav .left-nav em.share{ background:url(play_share.png) no-repeat 0 -100px;position:relative;}
.share-nav .left-nav em.share:hover{ background:url(play_share.png) no-repeat 0 -150px; color:#fff;}

/*分享*/
.share-box{ position:absolute; width:175px; height:45px; top:-45px; left:0px; background:#fff; border-radius:3px; z-index:100; display:none;}
.share-box i.jian{ position:absolute; top:45px; left:30px; background:url(jian_03.png) no-repeat; width:17px; height:11px; display:block;}

.bdshare-button-style1-24 .bds_tsina {background-position:0px 0px!important; position:absolute; left:20px; top:15px;}
.bdshare-button-style1-24 .bds_tsina :hover{background-position:-26px 0px!important;}

.bdshare-button-style1-24 .bt_icon {background-position:0px -24px!important;position:absolute; left:100px; top:15px;}
.bdshare-button-style1-24 .bt_icon:hover{background-position:-26px -24px!important;}

.bdshare-button-style1-24 .bds_weixin {background-position:0px -100px!important; position:absolute; left:60px; top:15px; }
.bdshare-button-style1-24 .bds_weixin:hover{background-position:-26px -100px!important;}

.bdshare-button-style1-24 a {background:url(share_v.png) no-repeat!important; height:24px!important; width:24px!important; padding:0!important;}
.bdshare-button-style1-24 a, .bdshare-button-style1-24 .bds_more {margin:0!important;  float:none!important;}

.bdshare-button-style1-24 a.qq_share{ position:absolute; text-indent:-9999px;  left:140px; top:15px;background:url(share_v.png) no-repeat 0px -125px!important; padding-left:0!important;}
.bdshare-button-style1-24 a.qq_share:hover{background:url(share_v.png) no-repeat -26px -125px!important;}

.bdimgshare-bg,.bdimgshare-content,.bdselect_share_box{ display:none!important;}
/*new分享*/
.jiathis_style .jtico{ height:20px!important; padding-left:23px!important; margin-left:18px; margin-top:13px; }
.jiathis_style .jtico_tsina{background:url(share_v.png) no-repeat 0px 0px!important; }
.jiathis_style .jtico_tsina:hover{background:url(share_v.png) no-repeat -26px 0px!important;}

.jiathis_style .jtico_qzone{background:url(share_v.png) no-repeat 0px -24px!important;}
.jiathis_style .jtico_qzone:hover{background:url(share_v.png) no-repeat -26px -24px!important;}

.jiathis_style .jtico_weixin{background:url(share_v.png) no-repeat 0px -100px!important;  }
.jiathis_style .jtico_weixin:hover{background:url(share_v.png) no-repeat -26px -100px!important;}

.jiathis_style .jtico_cqq{background:url(share_v.png) no-repeat 0px -125px!important;}
.jiathis_style .jtico_cqq:hover{background:url(share_v.png) no-repeat -26px -125px!important;}

/*========*/
.share-nav .left-nav a.phone{ background:url(play_share.png) no-repeat 0 -200px; position:relative;}
.share-nav .left-nav a.phone:hover{ background:url(play_share.png) no-repeat 0 -250px; color:#fff;}
.share-nav .left-nav a.phone .code{  position:absolute; z-index:101;top:-175px; left:-20px; background:url(app.png) no-repeat; width:170px; height:200px;display:none;}

.share-nav .left-nav a.person{ background:url(play_share.png) no-repeat 0 -300px; border-right:none;}
.share-nav .left-nav a.person:hover{ background:url(play_share.png) no-repeat 0 -350px; color:#fff;}

.share-nav .left-nav a.feedback{ background:url(play_share.png) no-repeat 0 -650px;}
.share-nav .left-nav a.feedback:hover{ background:url(play_share.png) no-repeat 0 -700px; color:#fff;}

.share-nav .down-but{ margin-right:20px;}
.share-nav .down-but a.feedback{background:url(play_share.png) no-repeat 0 -550px; padding-left:40px; height:50px; line-height:50px;color:#999; display:inline-block;}
.share-nav .down-but a.feedback:hover{background:url(play_share.png) no-repeat 0 -600px; color:#36b072; }

.video_right{ width:360px;  background:#fff; float:right;height:540px;}
/*模块切换*/
.video_meter{ background:#222222; width:360px; height:45px; line-height:45px;font-size:18px; display: none;}
.video_meter a{ width:179px; text-align:center; color:#999; display:inline-block;position:relative;}
.video_meter a.one{ /*border-right:1px solid #3a3a3a;*/}
.video_meter a.two{ border-left:1px solid #000;}
.video_meter a i{ background:url(jiao_t.png) no-repeat; width:11px; height:6px; display:none; position:absolute; left:83px; bottom:-1px;}
.video_meter a.cur{ color:#fff; line-height:45px;}
.video_meter a.cur i{ display:block;}

.change-box,.gun-box{ height:540px; overflow:auto;}
/*==========学习============*/
.study-box{ background:#fff;}
.submenu-box{width:310px; margin:0px 0 0 20px; position:relative;  }
.submenu-box .menu_line{ background:#e5e5e5; width:1px; height:100%;  position:absolute; left:20px; top:0px; z-index:1;}

.submenu-box ul{width:310px;z-index:8;position:relative; }
.submenu-box ul li{ float:left; width:310px; margin-bottom:10px;}
.submenu-box ul li h2{transition: all 0.5s ease-in-out; text-align: center; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; position:relative;background:#f7f7f7; color:#333; font-weight:600;width:235px; padding:12px 30px 12px 45px; font-size:14px; line-height:20px; border-radius:3px; cursor:pointer;}
.submenu-box ul li h2 strong{ padding-left:15px;}
.submenu-box ul li.cur h2,.submenu-box ul li:hover h2{ background:#40c381; color:#fff;}
.submenu-box ul li h2 .jian{background-position:-56px -1386px;width:8px; height:12px; position:absolute; right:18px; top:15px; }
.submenu-box ul li.cur h2 .jian,.submenu-box ul li.cur:hover h2 .jian{background-position:0px -1388px;width:12px; height:7px; position:absolute; right:22px; top:20px; }
.submenu-box ul li:hover h2 .jian{background-position:-97px -1386px;}

.submenu-box ul li .submenu{ display:none;}
.submenu-box ul li.cur{ margin-bottom:0;}

/*状态*/
.submenu-box ul .submenu a{ display:block; color:#333; /*border-left:1px solid #e5e5e5;*/width:290px; margin-left:10px; font-size:14px; position:relative; margin-right:10px; height: 80px; border-bottom:1px dashed #e9e9e9;}
.submenu-box ul .submenu a.on,.submenu-box ul .submenu a.cur{/*border-left:1px solid #40c381;*/ }

.submenu-box ul .submenu a .bg{background:url(none.png) no-repeat; width:17px; height:17px; position:absolute; left:-9px; top:17px;}
.submenu-box ul .submenu a.cur .bg{background:url(cur.png) no-repeat;width:17px; height:17px; position:absolute; left:-9px; top:17px; }
.submenu-box ul .submenu a.on .bg{background:url(on.png) no-repeat!important; width:17px; height:34px; position:absolute; left:-9px; top:17px;}
.submenu-box ul .submenu a.new .bg{background:url(cur.png) no-repeat; width:17px; height:34px;position:absolute; left:-9px; top:17px;}

.submenu-box ul .submenu a.new{ color:#36b072; font-weight:600; border-bottom:1px dashed #e9e9e9; width:290px; margin-left:10px; font-size:14px; position:relative; margin-right:10px; height: 80px;}

.submenu-box ul .submenu a img{ border:1px solid #e9e9e9; }

.submenu-box ul .submenu a:hover{ color:#40c381;}
.submenu-box ul .submenu a span{ display:block;margin-left:10px;padding: 8px 0 8px 0;/*line-height: 34px;*/ line-height: 20px;}
.submenu-box ul .submenu a span p{  color:#999; }
.submenu-box ul .submenu a em{display:block;}
.submenu-box ul .submenu a i.time{ display:block; color:#999; font-size:12px; font-style:normal; line-height:25px; padding-left:25px;}

/*==========笔记============*/
.change-box.re-p{ background:#f7f7f7; height:495px; }
.change-box .gun-box{ height:402px; overflow:auto;}

.notes-list{width:310px; margin:20px 0 0 20px;}
.notes-list li{ background:#fff; border:1px solid #f1f1f1; padding:20px 20px 14px; border-radius:3px; margin-bottom:20px;}
.notes-list li .now-tag{ height:24px; line-height:24px; font-size:12px;}
.notes-list li .now-tag a.jie{ color:#40c381; background:#40c381 url(small_bg.png) no-repeat 10px -1479px; padding-left:30px; height:24px;display:block; }
.notes-list li .now-tag a.jie:hover{background:#36b072 url(small_bg.png) no-repeat 10px -1479px;}
.notes-list li .now-tag a.jie:hover em{ color:#36b072; }
.notes-list li .now-tag a.jie em{ color:#40c381; background:#fff; line-height:22px; height:22px; display:block; margin:1px 1px 0 0; padding:0 5px;  }
.notes-list li .now-tag em.time{ background-position:0 -1428px; color:#999; padding-left:22px; }
.notes-list li .info{ color:#333; line-height:26px; margin-top:14px; }
.notes-list li .come{ color:#999; line-height:22px; margin-top:9px; font-size:12px;}
.notes-list li .come a{ color:#666; width:220px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}
.notes-list li .come a:hover{ color:#36b072;}

.reply-box{ position:absolute; bottom:0px; left:0px; width:328px; border:1px solid #e5e5e5; padding:15px; background:#fff;height:40px; overflow:hidden;}
.reply-box .note_text_box textarea{ border: 1px solid #e5e5e5;color: #999; width:312px; font-size:14px;height: 30px;line-height: 26px; outline: none;overflow: auto; padding: 7px 8px; resize: none;}

.form-submit{height:37px; line-height:35px; margin-top:15px;}
.form-submit span.time{background-position:0 -757px; padding-left:23px; color:#999; }
.form-submit span.time em{color:#40c381; }
.form-submit .submit-but{ height:37px;}
.form-submit input.submit{ height:35px; border:1px solid #ff9900; background:#ffb326; color:#fff; line-height:33px; cursor:pointer; border-radius:3px; width:74px;}
.form-submit input.submit:hover{background:#ffa924; }

/*==========================评论列表开始===================*/
.courseware-comments{ width:820px;}
.courseware-comments .courseware-guild{ line-height:36px; font-size:16px; font-weight:bold; color:#333; border-bottom:1px solid #e7e7e7; padding-bottom:10px;}

.courseware-comments .talk-top{ background:#f2f7fa; padding:20px; width:780px; margin-top:20px; position:relative; }
.courseware-comments .talk-top .intoContent{}
.courseware-comments .talk-top .intoContent textarea.textarea{ font-size:14px;border:1px solid #e7e7e7; border-radius:2px; background:#fff; padding:8px; width:764px; color:#999; line-height:26px; height:80px; }
.courseware-comments .talk-top .intoContent .emotion{ margin-top:20px; display:inline-block;cursor:pointer;}
.courseware-comments .talk-top .submit-but{ display:block; width:80px; height:30px;  position:absolute; right:20px; top:136px;}
.courseware-comments .talk-top .submit-but input{ float:right; height:30px; width:80px; text-align:center; cursor:pointer; color:#fff; background:#40c381; font-size:14px; border-radius:3px; }
.courseware-comments .talk-top .submit-but input:hover{background:#36b072; }

.courseware-list{width:820px; position:relative; margin-top:30px;}
.courseware-list li.outside{ padding-top:20px; border-top:1px dashed #e7e7e7;margin-top:20px;}
/*===*/
.courseware-list li.outside .out-img{ float:left;  width:60px; }
.courseware-list li.outside .out-img img{border-radius:100%; width:60px; height:60px;-moz-transition:opacity 0.5s ease-in 0s;-o-transition:opacity 0.5s ease-in 0s; -webkit-transition:opacity 0.5s ease-in 0s; transition:opacity 0.5s ease-in 0s;}
.courseware-list li.outside .out-img a:hover img{filter:alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity:0.9; opacity: 0.9;}

.courseware-list li.outside .qa-reply-item{ float:right; width:740px;}
.courseware-list li.outside .qa-reply-item .title{ line-height:26px; height:26px; margin-bottom:4px;}
.courseware-list li.outside .qa-reply-item .title span.name a{ color:#40c381;}
.courseware-list li.outside .qa-reply-item .title span.name a:hover,.reply-title-content .replay_time a:hover{ color:#36b072;}
.courseware-list li.outside .qa-reply-item .title span.time{ color:#999; margin-left:40px;}
.courseware-list li.outside .qa-reply-item .info{ line-height:24px; color:#333; min-height:26px;}
.courseware-list li.outside .qa-reply-item .info img{ vertical-align:top;}

.courseware-list li.outside .replay_time{ font-size:12px; line-height:26px; height:26px;}
.courseware-list li.outside .replay_time a{ color:#666;}
.courseware-list li.outside .replay_time span.come a:hover{ color:#36b072;}
.courseware-list li.outside .replay_time span.come{ color:#999;}

.courseware-list li.outside .replay_time .zan{ background-position:0px -77px; border-right:1px solid #e5e5e5; padding:0 18px 0 23px;}
.courseware-list li.outside .replay_time .zan:hover{background-position:0px -118px;}
.courseware-list li.outside .replay_time .look{padding-left:27px;color:#666; margin-left:15px;background-position:0px -160px;}
.courseware-list li.outside .replay_time .look:hover{background-position:0px -200px;}

/*===*/
.inside-replay-box{width:700px;float:right; background:#f7f7f7; padding:0 20px 20px; position:relative;}
.inside-replay-box i.top-jian{ background:url(jian_07.jpg) no-repeat; width:13px; height:7px; position:absolute; top:-7px; left:55px;}
.inside-replay-list li{width:700px;border-bottom:1px dashed #e7e7e7; padding-bottom:14px; padding-top:20px;}
.inside-replay-list li .per-img{ width:45px; height:45px;}
.inside-replay-list li .per-img img{border-radius:100%; width:45px; height:45px;-moz-transition:opacity 0.5s ease-in 0s;-o-transition:opacity 0.5s ease-in 0s; -webkit-transition:opacity 0.5s ease-in 0s; transition:opacity 0.5s ease-in 0s;}
.inside-replay-list li .per-img a:hover img{filter:alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity:0.9; opacity: 0.9;}

.inside-replay-list .person-reply-list{ width:645px;}
.inside-replay-list .person-reply-list p.reply-info{ color:#666;  line-height:26px; }
.inside-replay-list .person-reply-list p.reply-info i{ color:#666; padding:0 5px; font-style:normal;}
.inside-replay-list .person-reply-list p.reply-info a{color:#40c381;}
.inside-replay-list .person-reply-list p.reply-info a:hover{color:#36b072;}

.inside-replay-list .person-reply-list p.reply-bottom{ color:#999; margin-top:3px;font-size:12px; line-height:24px;}
.inside-replay-list .person-reply-list p.reply-bottom span a{ color:#333;font-size:14px;}
.inside-replay-list .person-reply-list p.reply-bottom span a:hover{ color:#36b072;}

.work_replay_input_box{width:700px;margin-top:20px; }
.work_replay_input_box .text-box{width:700px; overflow:hidden;}
.work_replay_input_box .text-box textarea{ width:698px; height:80px; border:1px solid #e5e5e5; background:#fff; padding:10px; color:#666; font-size:14px; line-height:26px;border-radius:3px;}

.work_replay_input_box .text-box .tubiao{margin-top:20px; display:inline-block; cursor:pointer;}
.operating_list{ position:absolute; right:20px; bottom:20px;}
.operating_list .btn-normal{ color:#999; cursor:pointer; display:inline-block; float:right; line-height:30px; }
.operating_list .btn-submit{  cursor:pointer; margin-left:10px;background:#40c381; float:right;  color:#fff;border-radius:3px; width:80px; height:30px; line-height:28px;}
.operating_list .btn-submit:hover{background:#36b072;}

/*QQ表情*/
.qqFace{margin-top:4px;background:#fff;padding:2px;border:1px #dfe6f6 solid;}
.qqFace table td{padding:1px;}
.qqFace table td img{cursor:pointer;border:1px #fff solid;}
.qqFace table td img:hover{border:1px #0066cc solid;}