@charset "utf-8";
body{ color: #666;}
.pr { position: relative}
.pa { position: absolute;}

/*登录页*/
.login_div{ position:absolute; width:100%; z-index:100000; height:100%; background:#000;filter:alpha(opacity=50);  -moz-opacity:0.5; -khtml-opacity: 0.5;  opacity: 0.5;}
.login_con{ width:480px; border-radius:10px;z-index:1000000; background:url(../images/login_img_bg.png) no-repeat left 40px ; zoom:1; position:absolute; left:50%; top:50%; margin:-150px 0px 0px -240px;}
.login_con:after{ clear:both; content:""; display:block; font-size:0px; height:0px; line-height:0px;}
.login_top{ background:#0E8BDF; height:45px; line-height:45px; border-radius:10px 10px 0px 0px; padding:0px 15px;}
.login_col{ padding:5px 0px 0px 0px; display:block; cursor:pointer;}
.login_tit{ color:#fff; font-size:16px;}
.log_c_div{ height:220px; }
.log_bot{ border-radius:0px 0px 10px 10px; padding:0px 15px; background:#DFEDF9; height:50px; line-height:50px; border-top:1px solid #A8D0EB;}
.log_bot_t{ font-size:13px; color:#F60;}
.log_bot_b{ background:#0E8BDF; height:35px; line-height:35px; width:120px; text-align:center; font-size:16px; color:#fff;border-radius:5px; margin:7px 0px 0px 0px; cursor:pointer;}
.log_bot_b:hover{ background:#0A7ED1; }
.log_us_d{ border:1px solid #A2C9E4; background:#fff; height:35px; width:260px; border-radius:5px;}
.log_us_img{ float:left; background:url(../images/login_user.png) no-repeat 5px center #D9E9F4;  width:30px;border-radius:5px 0px 0px 5px; height:35px;}
.log_us_imgs{ float:left; background:url(../images/login_pas.png) no-repeat 5px center #D9E9F4;  width:30px;border-radius:5px 0px 0px 5px; height:35px;}
.log_us_te{ height:30px; line-height:35px; width:220px; padding:0px 0px 0px 5px; border:0px; display:block; outline:none; color:#666;}
.log_tab tr td{ border:0px; padding:15px 5px 0px 0px;}
.log_tab { border:0px; }
.log_ta_d{ padding:45px 0px 0px 120px;}
.log_td_r{ text-align:right;}
.log_td_r{ display:block; text-align:right;}
.log_rad{ float:left; height:14px; width:14px; margin-top:3px;}
.log_r_c{ padding:0px 0px 0px 5px; float:left;}


/*ͷ��*/
.head{ width:100%; height:45px; margin-bottom: 60px; background:#F0F0F0; border-bottom:1px solid #D8D8D8;}
.all_wid{ position: relative; width:1050px; margin:0 auto; line-height:45px; font-size: 13px; }
.all_wid_ad{ position: relative; width:1145px; margin:0 auto; line-height:45px; font-size: 13px; }
.all_wid_ads{  width:1145px; margin:0 auto; line-height:45px; font-size: 13px; }
.head_l_b{ cursor:pointer}
.head_l_bar{ cursor:pointer; padding-left: 10px}
.head_l_bar a{ display: inline-block; width: 60px; text-align: center; font-size: 14px; color: #666}
.head_l_bar span{ color: #ccc}

.head_r { width: 100%; height: 47px; padding-top: 10px}
.head_loc { margin: 0}
.head_l_b:hover{ color:#0E8BDF;}
.head_r_message { position: relative}
.head_r_message a{ margin-left: 22px}
.head_r_message img { position: absolute; top: 2px}
.us_tit { margin-right: 5px}
.he_us_i{ border-radius:50%;border:1px solid #D8D8D8;width:32px; height:32px; margin:3px 5px 0 0; background:#fff;}
.he_us_x{ border:1px solid #fff; border-radius:50%; width:30px; height:30px; overflow:hidden; outline: none }
.he_us_i img{ width:30px;}
.us_name{  padding:0px 0px 0px 5px; cursor:pointer;}
.head_ul li{ float:left;}
.h_x_s{ padding:0px 10px; color:#CCCCCC;}
.he_cen{ background:url(../images/lis_n.png) no-repeat right center; padding:0px 15px 0px 0px; cursor:pointer; position:relative;}
.he_cens{ background:url(../images/lis_n.png) no-repeat 73px center; padding:0px 0px 0px 0px; cursor:pointer; }
.dr_do{ position:absolute; width:95px; background:#fff;  border:1px solid #ccc; left:-13px; top:-11px;}
.dr_do a{ display:block; padding:0px 0px 0px 12px;}
.h_col{ background:url(../images/collection.png) left center no-repeat; padding:0px 0px 0px 15px; cursor:pointer;}

/*�����Ϣ*/
.log_div{ height:50px; background:#fff;}
.log_l img{ height:35px; padding-top: 5px}
.log_l {  height: 47px}
.log_title { position: relative;font-size: 16px; margin-bottom: 0; margin-top: -20px; font-weight: bold }
.log_info { height: 35px; margin-top: -19px; color: #666; margin-bottom: 0}
.log_info span{ position: relative; height: 35px; float: left}
.log_class { color: #f60}
.log_author,.log_date,.log_numb,.log_download { padding-left: 25px}
.log_author { background: url("../images/course/log_author.gif") no-repeat  0 7px}
.log_date { background: url("../images/course/log_date.gif") no-repeat 0 7px}
.log_numb { background: url("../images/course/log_numb.gif") no-repeat 0 7px}
.log_download { background: url("../images/course/log_download.png") no-repeat 0 7px}

/*����*/
.pad_35{padding:35px 0px 0px 0px; display:block;}
.h_p_sx{ height:45px; padding:7px 0px 0px 0px;}
.log_ul li{ float:left;  }
.sea_inp{  color:#666;height:28px; line-height:30px;width:280px; border:0px; outline:none;}
.sea_i_d{ border:1px solid #ddd; border-right:0px; height:30px; line-height:30px; padding:0px 0px 0px 10px;width:290px;}
.sea_but{ background:url(../images/search.png) center #FFA200 no-repeat; width:40px; height:32px;   cursor:pointer;}
.exa_but{height:32px; line-height:32px; color:#fff; background: url(../images/exam.png) no-repeat 10px center #1AB11E; padding:0px 0px 0px 35px; width:65px;  cursor:pointer; margin:0px 0px 0px 10px; position:relative;}
.exa_n_d{border-radius:3px; float:left; position:absolute; z-index:10; right:10px; top:-13px; background:url(../images/e_n_b.png) no-repeat center bottom; padding:0px 0px 10px 0px;}
.exa_nub{ background:#FF6000; color:#fff; border-radius:3px; padding:2px 5px;height:12px; line-height:12px;  font-size:10px;}


/*��Ƶ*/
.video { width: 100%;  padding: 25px 0px; background:url(../images/course/video_bg.png) no-repeat center bottom #262A2D; zoom:1; }
.videos { width: 100%; height:100%; min-width:1280px; min-height:770px;  background:url(../images/course/video_bg.png) no-repeat center bottom #262A2D; position:absolute;}
.video:after{ clear:both; content:""; display:block; font-size:0px; height:0px; line-height:0px;}
.video_contain { width: 900px; height: 506px; margin:0px auto;  background-color: #999; position:relative;}
.video_contains { position:absolute; width: 1280px; height: 720px; top:50%; left:50%; margin:-360px 0px 0px -640px;  background-color: #999;}
.video_full { background: url(../images/course/video_full.png) no-repeat left -1px; display:block;height:16px; line-height:16px; padding:0px 0px 0px 20px; right:0px; top:-20px;color: #fff; cursor:pointer;}
.video_nofull{ background: url(../images/course/video_nofull.png) no-repeat left -3px; display:block;height:16px; line-height:16px; padding:0px 0px 0px 20px; right:0px; top:-20px;color: #fff; cursor:pointer;}
.video_full p { margin: 0 }
.boo_tre_sty{ position:absolute; right:-44px; top:158px; z-index:99999; }
.boo_ul li{ width:14px; padding:15px 14px; line-height:15px; background:#fff; border:1px solid #CCCCCC; border-bottom:0px; cursor:pointer;}
.boo_ul li:hover{ color:#4798CF;}
.boo_ul{border-bottom:1px solid #CCCCCC;}

.video_text { width: 244px; height: 506px; background-color: #fff; border-left: 1px solid #ccc; position:relative;}
.video_text>ul { height: 45px}
.video_text>ul li { width: 80px; float: left; background-color: #EBEBEB; font-size: 14px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #000; text-align: center}
.video_text .video_t_check { display: inline-block; width:81px; background-color: #fff; color: #4798cf; border: none}

.video_t_contain { clear: both; height: 460px; overflow: hidden}

.video_t_contain .suggest { width: 100%}
.video_t_contain .sug_contain{ height: 250px; overflow: hidden; padding:10px 10px 20px 10px; border-bottom: 1px solid #ddd}
.video_t_contain .suggest_y>span { position: relative; width: 225px; line-height: 20px;padding: 8px 0;word-wrap: break-word; display: block; font-size: 12px; border-bottom: 1px dotted #E5E5E5; color: #666}
.video_t_contain .note_y>span { position: relative;width: 185px;line-height: 15px;padding: 8px 12px;word-wrap: break-word;display: block;font-size: 12px;color: #666;}
.video_t_m { padding-top: 10px}
.video_t_m textarea {  resize : none; overflow:auto; border: 1px solid #ddd; border-radius: 5px; outline: 0; display: block; display: inline\9; width: 220px; height: 50px;text-indent: 8px;  padding-top: 5px; margin-left: 5px}
.video_t_m>span { width: 230px}
.video_t_m>span>span { color: #666; margin: 0; font-size: 12px; display: inline-block; padding-right: 25px; padding-left: 12px}
.video_t_m button { background-color: #F6F6F6; color: #333; cursor: pointer; border-style: none; outline: 0; display: inline-block; width: 45px; height: 20px; line-height: 20px; font-size: 12px; margin-top: 10px; margin-left: 2px}
.video_t_m .submit { font-family:"微软雅黑",​arial,sans-serif; background-color: #358ECF; color: #fff; line-height: 18px}
.video_t_d>span { cursor: pointer; display: block; height: 35px; padding-left: 10px}
.video_t_d>span img {vertical-align: sub;}
.video_t_d .collect { height: 30px;line-height: 30px;}
.video_t_d .collect span{  margin-top: 0; margin-top: -15px\9; display: inline-block; cursor: pointer; background: url("../images/course/collect_bg.png") 0 4px;     height: 20px;
    line-height: 20px; padding: 0 5px; font-size: 12px; border: 1px solid #ccc }
.video_t_d .collect img { display: inline-block; vertical-align: middle}
.video_t_n { font-size: 16px; text-align: center; margin-top: 20px; font-weight: bold}

.video_t_contain .note { color: #666}
.video_t_contain .sug_note { width: 100%; height: 100%}
.video_t_contain .sug_note_pr { width: 100%; height: 390px}
.video_t_contain .note_n { width: 100%; height: 100%; background: url("../images/course/video_text_nn.png")no-repeat center}
.video_t_contain .suggest_n {width: 100%; height: 100%; background: url("../images/course/video_text_yn.png")no-repeat center}
.video_t_contain .note_y { padding-left: 25px}
.video_t_contain .note_y p,.video_t_contain .suggest_y p {  position: absolute; left: 50%; margin-left: -40px; bottom: 0; text-align: center}
.video_t_contain .note_y,.video_t_contain .suggest_y { position: relative; height: 275px; overflow: hidden}
.video_t_contain .note_y .loc ,.video_t_contain .suggest_y .loc { color: #4798cf}
.video_t_contain .note_y .pre ,.video_t_contain .suggest_y .pre { display: inline-block; width: 13px; height: 15px; background: url("../images/course/video_li_pre.png") no-repeat 0 2px; background-position: 0 -1px\9; margin-right: 5px}
.video_t_contain .note_y .next,.video_t_contain .suggest_y .next { display: inline-block; width: 11px; height: 16px; background: url("../images/course/video_li_next.png") no-repeat 0 3px; background-position: 0 0\9; margin-left: 5px}

.video_t_contain .note_y>span>span { position: absolute; top: 0; left: -25px;padding: 9px 5px 0 0;font-size: 12px;color: #999;}
.note .note_time { color: #5398c7; padding:0 75px 0 5px}

.video_cou_study { width: 100%; padding-left: 3px}
.course_about { width: 100%; height: 400px}
.course_about ul{ height: 365px; overflow: hidden; margin-top: 20px}
.course_about li{ width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height: 35px; line-height: 35px; background: url("../images/course/video_list_bg.png") no-repeat 5px center ; border-bottom: 1px dotted #EBEBEB; padding:0 20px; margin-left: 10px}
.course_about li span { display: inline-block; float: right; color: #999}
.course_about p {  position: absolute; left: 50%; margin-left: -40px; text-align: center}
.course_about .pre { display: inline-block; width: 13px; height: 15px; background: url("../images/course/video_li_pre.png") no-repeat 0 2px; background-position: 0 -1px\9; margin-right: 5px}
.course_about .next { display: inline-block; width: 11px; height: 16px; background: url("../images/course/video_li_next.png") no-repeat 0 3px; background-position: 0 0\9; margin-left: 5px}
.course_about .loc { color: #4798cf}


/*��������*/
.course { padding-top: 20px}
.course_l { width: 790px}
.course_l .recommend { position: relative; padding-top: 60px; width: 100%; height: 170px; border: 1px solid #f0f0f0}
.course_l .recommend h4,.course_l .talk h4 { position: absolute; top: -1px; text-align: center; width: 90px; border-top: 2px solid #4A9AD1; margin-top: 0}
.course_l .recommend ul,.course_l .talk ul { border-top: 1px solid #f0f0f0; margin-top: -20px;padding-top: 10px}
.course_l .recommend li { float: left; width: 250px; height: 150px; display: inline-block; margin-left: 10px}
.course_l .recommend li img { width: 247px; height: 137px}
.course_l .recommend li p{ margin-top: -20px; margin-top: -10px\9; margin-bottom: 0; color: #666}
.course_l .talk{ position: relative; padding-top: 60px; width: 100%; border: 1px solid #f0f0f0; margin-top: 20px}
.course_l .talk>span { margin-top: -60px; font-weight: lighter; display: inline-block; margin-right: 20px}
.course_l .talk>span>span{ color: red; font-weight: lighter;font-size: 16px }
.course_l .talk li { position: relative; width: 100%; padding-top: 10px; border-bottom: 1px solid #f0f0f0}
.course_l .talk li img { width: 36px; height:36px; position: absolute; top: 10px; left: 15px}
.course_l .talk li h5,.course_l .talk li p { color: #666; margin-left: 60px; padding: 0;margin-top: 8px;margin-bottom: 15px;line-height: 20px}
.course_l .talk li h5 span { display: inline-block; margin-right: 20px; color: #999}
.course_l .talk li h5 { cursor: pointer; color: #4A9AD1; font-weight: lighter; font-size: 14px}
.course_l .talk li>span { cursor: pointer; color: #4A9AD1; margin-left: 685px}
.course_l .talk li>span>span { color: red; margin-right: 20px }
.course_l .talk .you { position: relative; margin-left: 20px}
.course_l .talk .you span { margin-top: 0; margin-top: 10px\9}
.course_l .talk .you p{ background-color: #FEF7EB; cursor: pointer; text-align: center;font-weight: bold; width: 750px; height: 35px; line-height: 35px; margin-bottom: 0; margin-top: 10px; border: 1px solid #F3DECD; color: #f60}
.course_l .talk .you textarea {  resize : none; overflow:auto; border: 1px solid #f0f0f0; border-radius: 5px; outline: 0; display: block; width: 750px;  height: 100px;  margin-bottom: 60px; padding-top: 10px; text-indent: 14px}
.course_l .talk .you button { font-family:"΢���ź�"; cursor: pointer; color: #fff; position: absolute; right: 15px; margin-top: -45px; width: 70px; height: 30px; line-height: 30px; background-color: #0F8AD7; border: 0; outline: 0}
.course_l .you_input { position: absolute; background-color: #0f8ad7; border: 0 none; color: #fff; width: 70px; right: 15px; margin-top: -45px; height: 30px; line-height: 30px;}
.course_r { width: 245px; border: 1px solid #E5E5E5; color: #666}
.course_r h4 { margin-top: 0; width: 235px; height: 43px; background-color: #F0F0F0; border-bottom: 1px solid #E5E5E5; padding-left: 10px;color: #000}
.course_r img { padding: 10px; width: 230px; height: 135px; margin-top: -15px; margin-bottom: -25px; margin-bottom: -7px\9}
.course_r p{ position: relative; width: 220px; margin: 0;  padding-left: 10px; line-height: 22px; font-size: 14px}
.course_r span{ display: inline-block; width: 220px;  font-size: 14px; border-top: 1px dotted #E7E6E6; line-height: 22px; padding-left: 10px; padding-top: 15px; margin-top: 10px; margin-bottom: 40px}



/*�ײ�*/
.news_div{ padding:20px 0px 0px 0px; width:100%;}
.bottom_divs{ background:#F6F6F6; border-top:1px solid #E7E7E7; padding:20px 0px 20px 0px; line-height:30px; text-align:center;}
.bot_ads{ color:#666;}




.video_close_sty{ position:absolute; top:0px; right:-20px; height:20px; line-height:20px; width:20px; background: url(../images/colse.png) no-repeat #EBEBEB; z-index:9999; cursor:pointer;}