@charset "utf-8";
/* CSS Document */

/* nav */
.nav{height:55px; width: 100%; position: relative; z-index: 10; background: url(../images/nav_bg.gif) repeat-x scroll 0 bottom;}
.nav .nav-wrap{float: left; margin: 22px 0 0; width: 384px; height:27px;}
.nav-wrap a{float: left; width: 128px; height: 27px; text-align: center; line-height: 28px; color: #000; font-size: 14px; font-weight: bold; text-decoration: none; background-color: #fff;}
.nav-wrap a.now{background-color: #ff7f0a; color: #fff; text-decoration: none;}
.serach{float: right; height: 50px; position: relative;}
.serach .lesson-tab{float: left; _display:inline; position: relative; z-index: 20; margin: 22px 47px 0 0; padding: 0 23px 0 8px; height: 24px; line-height: 24px; background-color: #fff; border: 1px solid #7f7f7f; color: #262626;}
/*xueman修改课程标签下拉图标、浮动样式  START*/
.lesson-tab .lesson-ico{display: inline-block; position: absolute; right: -4px; top: 4px;  width:9px;height:6px;margin:7px 13px 0 0;background-position:-307px -219px; overflow: hidden; line-height: 0; font-size: 0;}
/*.lesson-tab .lesson-ico{display: inline-block; position: absolute; right: 8px; top: 7px; width: 11px; height: 10px; background-position: -443px -39px; overflow: hidden; line-height: 0; font-size: 0;}*/
.serach .lesson-tab.curr{border-color:#7f7f7f; border-bottom: none;  color: #262626; text-decoration: none; height: 27px;}
/*.serach .lesson-tab:hover,.serach .lesson-tab.curr{border-color:#7f7f7f; border-bottom: none;  color: #262626; text-decoration: none; height: 27px;}*/
/*xueman修改课程标签下拉图标、浮动样式  END*/
.serach .search-wrap{float: left; margin-top: 14px;}
.search-wrap .serach-box{float: left; height:24px;margin-top:8px; width: 221px; border: 1px solid #7f7f7f; overflow: hidden;}
.search-wrap .serach-box input{padding:4px 10px; width: 169px; height:14px; line-height: 14px; border: 0; outline: none; color: #abbcbc; vertical-align: top; cursor:auto;}
.search-wrap .serach-box .search-btn{display:inline-block; width: 32px; height: 30px; background-position: -125px -41px; }
.search-wrap .search-btn2{float:left; font-weight: bold; color: #000;margin-top:5px; text-align: center;font-size:12px; height: 32px; line-height: 32px; padding: 0 15px;}
.search-wrap .search-btn2:hover{color: #000; text-decoration: none;}
.serach .lesson-wrap{position: absolute; left: 0; top: 49px; z-index: 10; padding:4px; width: 386px; min-height: 124px;_height: 124px; border: 1px solid #abadb3; background-color: #fff;}
.lesson-wrap .lesson-h{height: 22px; width: 386px; background: url(../images/tabh_bg.gif) repeat-x scroll 0 bottom;}
.lesson-wrap .lesson-h a{float: left; _display:inline; padding: 0 8px; margin-right: 6px; height:20px; line-height: 20px; text-align: center; color: #555; border: 1px solid #ddd; border-bottom: 0; background-color: #f6f6f6; font-family:arial;}
.lesson-wrap .lesson-h a:hover,.lesson-wrap .lesson-h a.curr{background-color: #fff; text-decoration: none; height: 21px;}
.lesson-wrap .lesson-c{overflow:hidden; width:378px; padding: 17px 0 0 7px; }
.lesson-wrap .lesson-c .lesson-label{float: left; width: 90px; font-size:12px;margin-bottom: 17px; cursor: pointer;}
.lesson-wrap .lesson-c .checkbox-ico{display: inline-block; margin-right: 7px; width: 10px; height: 10px; overflow: hidden; line-height: 0; font-size: 0; vertical-align: -1px; background-position: -165px -39px;}
.lesson-wrap .lesson-c .lesson-check .checkbox-ico{background-position: -165px -59px;}

/* main */
.main{width: 100%;}

/* left */
.left{float: left; width: 240px; }
.menu{padding: 11px 18px 0 0;}
.menu-wrap{color: #313131; font-size: 12px;}
.menu-wrap dl,.menu-wrap dd,.menu-wrap dt{width:200px;}
.menu-wrap dd,.menu-wrap dt{cursor:pointer;padding:9px 0 ;}
.menu-wrap dd a{padding-left:16px;display:block;blr:expression(this.onFocus=this.blur());outline:none;-moz-outline:none;}
.menu-wrap .menu-selected{background:#ffe1c6;}
.menu-wrap .menu-parent,.menu-wrap .menu-parent a{color:#FF0000;}
.menu-wrap dl .menu-ico{display: inline-block; *display:inline; zoom:1; margin:0 7px 0 18px;  width: 9px; height: 9px; line-height: 0; overflow: hidden; font-size: 0; background-position:-180px -39px; cursor: pointer;}
.menu-wrap dl .menu-ico2{background-position: -180px -60px;}


/* right */
.right{float: right; width: 706px; padding-top: 11px;}
.selected-box{overflow:hidden; padding:0 0 14px; width:706px; background:url(../images/list_bg.gif) repeat-x scroll 0 bottom;}
.selected-box h3{float:left; line-height:28px;}
.selected-box p{float:left;width:635px;}
.selected-box p span{display:inline-block; padding-right:13px;}
.selected-box p label{display:inline-block; vertical-align:top; line-height:28px;}
.selected-box p i.delete-ico{display:inline-block; margin:11px 0 0 7px; _margin-top:10px; width:8px; height:8px; overflow:hidden; line-height:0; background-position:-322px -219px; cursor:pointer; vertical-align:top;}
.lesson-list{overflow:hidden; padding: 20px 0 21px; height: 132px; width: 706px; background:url(../images/list_bg.gif) repeat-x scroll 0 150px;}
.lesson-list .lesson-img{float: left; width: 220px; height: 124px; border:1px solid #959595;}
.lesson-list .lesson-info{float:left; position: relative; width: 415px; height: 122px; overflow: hidden;}
.lesson-info h3{padding-left:15px; margin-bottom: 13px;/*  width:350px; */ color: #2c3e50; font-size: 14px; font-weight: bold;}
.lesson-info h3 a{color: #2c3e50;}
.lesson-info p{padding-left: 15px; color: #333300;}
.lesson-info .lecturer{margin-bottom: 14px; font-size: 14px; }
.lesson-info .lecturer span{display: inline-block; margin-right: 27px;}
.lesson-info .date{font-family: Verdana; font-size: 12px; position: absolute; bottom: 0; left: 0;}
.lesson-info .collect{position: absolute; right: 41px; top:5px; display:inline-block; width: 18px; height: 16px; background-position: -195px -39px;}
.lesson-info .collect:hover,.lesson-info .collect-check{background-position: -220px -39px;}
.lesson-info .lesson-btn{position: absolute; bottom: 1px; right: 0; width: 264px; height: 24px;}
.lesson-info .lesson-btn a{float:left; width:58px; height: 24px;line-height:24px;padding-left:27px;font-weight:bold;color:#f9feff; _display:inline; margin-left: 3px;font-size:12px;}
.lesson-btn .study-btn{background-position: 0 -75px;}
.lesson-btn .teach-btn{background-position: -87px -75px;}
.lesson-btn .read-btn{background-position: -176px -75px;}
.lesson-btn .study-btn:hover{background-position: 0 -105px;}
.lesson-btn .teach-btn:hover{background-position: -87px -105px;}
.lesson-btn .read-btn:hover{background-position: -176px -105px;}
.lesson-btn .stop-btn,.lesson-btn .past-btn,.lesson-btn .weikaishi-btn,.lesson-btn .weifabu-btn{float: right; width: 141px; height: 24px; background-position: -313px -75px;}
.lesson-btn .weikaishi-btn{ background-position: -313px -285px;}
.lesson-btn .weifabu-btn{ background-position: -313px -314px;}
.lesson-btn .past-btn{ background-position: -313px -105px;}



/*  我的课程  */
.myClass-left{float: left; width: 158px;min-height: 500px;}
.menu-tab{padding: 16px 18px 0 0; width: 140px;}
.menu-tab .menu-tab-h{padding: 0 0 14px 4px;border-bottom: 1px solid #fff; border-right: 1px solid #ccc; position: relative; width: 135px;}
.teach-tab h3,.study-tab h3{margin:0 0 12px 27px; height: 41px; width: 96px; background: url(../images/myClass-title.gif) no-repeat scroll 0 0;}
.teach-tab h3.teach-title{ background-position: 0 0;}
.menu-tab .study-tab{padding-top:18px; margin-top: -1px; border-top: 1px solid #ccc;}
.study-tab h3.study-title{background-position: -96px 0;}
.menu-tab ul li{margin-bottom: 12px; width: 127px; height: 36px; line-height: 36px; text-align: center; }
.menu-tab ul li a{color:#313131; font-size: 12px; text-decoration: none;}
.menu-tab ul li a:hover,.menu-tab ul li a.now{color:#ff7f0a; font-size: 14px; text-decoration: none;}
.menu-tab .curr{padding-left: 0; border-left: 4px solid #ff7f0a; border-right: 0; border-bottom: 1px solid #ccc; width: 136px;}
.bor-color-fff .curr{border-color:#fff;}
.menu-tab .shade-box{position:absolute; top:0; left:0; z-index: 10; width:139px; background-color: #fff; opacity: 0.6; filter:alpha(opacity=60); cursor: pointer;}
.teach-tab .shade-box{height: 211px;}
.study-tab .shade-box{height: 229px;}
.menu-tab .curr .shade-box{display: none;}

.myClass-right{width: 788px; padding: 0; margin-top: 16px; background:url(../images/list_bg.gif) repeat-x scroll 0 0;}
.myClass-right .lesson-list{width: 788px;}
.myClass-right .lesson-list .lesson-info{width: 415px;}
.myClass-right .lesson-info .lesson-btn{width: 193px;}
.myClass-right .lesson-info .collect{top:3px; right: 22px;}
.myClass-right .lesson-info .reco{
    /*position: absolute; right: 65px; */
    top:0; display:inline-block; width: 41px; height: 21px; background-position: -250px -39px;}
.lesson-btn .start-btn{background-position: 0 -135px;}
.lesson-btn .start-btn:hover{background-position: 0 -165px;}
.lesson-btn .exit-btn{background-position: -88px -135px;}
.lesson-btn .exit-btn:hover{background-position: -88px -165px;}
/* zhanghui添加删除课程按钮背景 */
.lesson-btn .delete-btn{background-position: -27px -254px; }
.lesson-btn .delete-btn:hover{background-position: -176px -135px;}
.lesson-info .lesson-btn a.delete-btn{float: right; margin-right: 16px;}
.myClass-right .job-wrap{float:left; overflow: hidden; padding:0 5px 0 10px; height: 120px; width: 130px; background:url(../images/list_bg2.gif) repeat-y scroll 0 0;}
.job-wrap a{display:block; font-size: 12px; color: #626262; margin-bottom: 3px;}
.job-wrap p{color: #626262; line-height: 1.6;font-size:12px;}

/* 高级搜索弹框 */
.winCover{background:#000;filter:alpha(Opacity=46);-moz-opacity:0.46;opacity: 0.46;z-index:100; background-color:#e1e1e1;width:100%;position:absolute;top:0;left:0;z-index:99990;height:100%;}
.publish{width:685px; top:100px;}
.resource{padding:20px 30px; line-height:28px; background:#fff; overflow:hidden; color:#3e3e3e;}
.resource li{clear:both;width:625px; display:block; padding-bottom:10px;}
.resource li span{display:inline-block;}
.resource li span.list_res,.resource li.first-li{position:relative; margin-right:15px;}
.resource li span .title_font{display:inline-block;font-size:14px;margin-left:0;width:90px;text-align:left; +vertical-align:6px;}
*+html .resource ul li span .title_font{vertical-align:4px;}
.resource ul li .source_title{width:201px;height:25px;line-height:25px;padding:0 10px;border:1px solid #d6d6d6;}
.resource li span font.add_res{color:#f60;cursor:pointer;}
.resource li .check-box,.resource li .radio_file{margin-right:9px;+display:inline-block;+vertical-align:6px;}
.resource li label.check_label{margin-right:33px;+display:inline-block;+vertical-align:8px;}
.radio_labe{margin-right:23px;+display:inline-block;+vertical-align:8px;}
.resource li a.delete_res{width:11px;height:10px;display:inline-block;background-position:-443px -156px;margin:0 0 0 3px; +vertical-align:4px;_vertical-align:-2px;}
.resource li .whiter i{font-style:normal;margin-right:20px;}
.source_source{height:25px;width:92px;line-height:25px;padding:0 10px;border:1px solid #d6d6d6;color:#999;background:url(../images/register_bg.jpg) no-repeat 90px -79px;cursor:pointer;}
.source_div,.resource li.first-li .select-reg{position:absolute;left:0px;top:27px;width:112px;border:1px solid #d6d6d6;border-top:none;background:#fff;display:none;}
.source_div a{display:block;padding-left:15px;color:#999;blr:expression(this.onFocus=this.blur());outline:none;-moz-outline:none;}
.resource li.first-li{z-index:10;}
.resource li.first-li .source_source{width:201px;background-position:199px -79px;}
.resource li.first-li .select-reg{left:94px;top:28px;width:221px;height:287px;_height:294px;text-align:left;overflow:auto;}
.resource .option_button{margin:10px 0 5px;text-align:center;}
.resource .option_button a{display:inline-block;padding:0 15px;border:1px solid #a3a3a3;margin-right:7px;font-weight:bold;}
.resource .option_button a:hover{background:#ff7f0a;border:none;color:#fff;padding:0 16px;}
.publish a.close{display:block;position:absolute;width:11px;height:11px;top:13px;right:13px;background-position:-253px -223px;overflow:hidden;}
.publish a.close:hover{background-position:-253px -240px;}

.first-li .select-reg .menu{width:183px;color:#7d7d7d;padding:5px 0 10px 10px;}
.first-li .select-reg .menu-wrap dl .menu-ico{display: inline-block; *display:inline; zoom:1; margin:0 7px 0 10px;  width: 9px; height: 9px; line-height: 0; overflow: hidden; font-size: 0; background-position:-195px -59px; cursor: pointer;}
.first-li .select-reg .menu-wrap dl .menu-ico2 {background-position: -208px -59px;}
.first-li .select-reg .menu-wrap dd,.first-li .select-reg .menu-wrap dt{cursor: pointer;padding: 4px 0;}
.first-li .select-reg .menu-wrap dl,.first-li .select-reg .menu-wrap dd,.first-li .select-reg .menu-wrap dt{width:auto;line-height:28px;}
.first-li .menu-wrap .menu-selected{background:#fff;}
.first-li .select-reg .menu-wrap dl dt{cursor:pointer;}
.first-li .select-reg .menu-wrap dl a{color:#7d7d7d;display: block;outline: medium none;padding-left: 16px;margin-top:-10px;line-height:25px; background-position:-441px -208px; *background-position:-441px -205px;}
@-moz-document url-prefix(){.first-li .select-reg .menu-wrap dl a{ margin-top:-25px;}}
.select-reg .menu-wrap .menu-parent,.select-reg  .menu-wrap .menu-parent a { color: #0099ff;}
.select-reg .menu-wrap .checkbox-ico{position:relative;top:0; left:2px; display: inline-block; width: 10px; height: 10px; overflow: hidden; line-height: 0; font-size: 0; background-position: -165px -39px;}
.select-reg .menu-wrap .checkbox-ico-top{top:9px;}
@-moz-document url-prefix(){.select-reg .menu-wrap .checkbox-ico-top{ top:0;}}
.first-li .option_button{text-align:right;padding-bottom:10px;margin:0;}