@charset "gb2312";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
body{ text-align:center; font:12px SimSun,Microsoft YaHei,SimHei; color:#0b569a; BACKGROUND: #B9E9F7; }
input, button, select, textarea { outline:none; }
fieldset,img{ border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
textarea { resize:none; } /*forbidden text drag especail in chrome*/
a{ text-decoration:none; color:#0b569a; font:12px SimSun,Microsoft YaHei,SimHei;}
li{ list-style-position:outside; list-style:none; vertical-align:bottom;}
/****************************** Above Common Css Style End ******************************/
.clear{ clear:both;}
.rela{ position:relative; top:0px; left:0px;}
.mgt10{ margin-top:10px;}
.mgt101{ margin-top:0px;}
/****************************** Above Custom Common Css Style End ******************************/

.wrapVideo{ height:auto; width:1110px; margin:0px auto; overflow:hidden; text-align:center;}
/** Header Start **/
#header{text-align:center; MARGIN: 0px auto; WIDTH: 950px; CLEAR: both; overflow:hidden;}
#header .h_lft{FLOAT: left;width:212px;height:66px; BACKGROUND: url(../images/videotop1.gif);}
#header .h_mid{FLOAT: left;width:214px;height:30px;margin-top:35px; margin-left:10px; BACKGROUND: url(../images/videotop2.gif) no-repeat;}
#header .h_rht{FLOAT: right;width:450px;height:26px;padding-top:40px;padding-left:34px;color:#fff;font-size:20px; font-weight:bolder;text-align:left; BACKGROUND: url(../images/videotop3.gif);
}
#header .h_line{FLOAT: left;width:950px;height:15px;BACKGROUND: url(../images/v_top.gif)}
/** Header End **/

/** Content Start **/
.content{ overflow:hidden; width:948px; position:relative; left:0px; top:0px; margin:0px;}
.content{ border-left:1px solid #71C5FE;border-right:1px solid #71C5FE;border-bottom:1px solid #71C5FE;}

.wrapContent{ width:950px;}
.wrapContent .content .learn_inros .user_name_welcoms{ height:19px; line-height:19px; overflow:hidden; text-align:right; width:450px; color:#888; position:absolute; right:10px; top:18px;}
.wrapContent .content .learn_inros .user_name_welcoms img{ position:relative; left:0; top:1px; margin-right:8px;}

/*-----------------------Course List Start----------------------*/
/** learn progress **/
.wrapContent .content .learn_inros{ width:948px; background: url(../images/vlist/learn_pro_bg.gif) repeat-x; height:140px;}
.wrapContent .content .learn_inros .lft_teacher{float: left;display: inline;margin: 10px 0 12px 24px;width: 160px;height: 98px;background: url(../images/vlist/box.gif) no-repeat; position: relative;}
.wrapContent .content .learn_inros .lft_teacher img{ width:135px; height:83px;margin:7px auto 0 auto; display:block;}
.wrapContent .content .learn_inros .lft_teacher .lsbox{width:150px; height:32px; line-height:32px;margin-top:4px;}
.wrapContent .content .learn_inros .lft_teacher .ls{ float:left; padding:0 10px 0 0;}
.wrapContent .content .learn_inros .lft_teacher .jspj{ float:left; background:url(../images/vlist/pj.gif) no-repeat 4px; padding:0 0 0 20px;}

.wrapContent .content .learn_inros .mid_tit{ float:left; padding:8px 0 0 35px; width:336px;}
.wrapContent .content .learn_inros .mid_tit h3{ line-height:32px; font-size:16px; font-weight:bold; color:#0860b0; font-family:microsoft yahei; text-align:left;}
.wrapContent .content .learn_inros .mid_tit .rit_six_btns{ height:auto; float:left; width:280px; overflow:hidden; margin-top:0px;}
.wrapContent .content .learn_inros .mid_tit .rit_six_btns .rsb_inner{ height:auto; width:320px; overflow:hidden;}
.wrapContent .content .learn_inros .mid_tit .rit_six_btns a{ display:block; height:31px; line-height:31px; overflow:hidden; width:82px; border-left:1px #97ccf8 solid; border-right:1px #97ccf8 solid; text-align:center; font-size:12px; color:#0b569a; float:left; margin-top:12px; margin-right:7px; background:url(../images/vlist/btn_bg.gif) repeat-x;}

.wrapContent .content .learn_inros .rht_news{ float:left; padding:8px 0 0 10px; width:346px;}
.wrapContent .content .learn_inros .rht_news h3{ line-height:28px; font-size:16px; font-weight:bold; color:#0860b0; font-family:microsoft yahei; text-align:left;background:url(http://img.kje6.com/com/ico/new.gif) left no-repeat;padding-left:32px;}
.wrapContent .content .learn_inros .rht_news ul {margin:0px;}
.wrapContent .content .learn_inros .rht_news ul li{float:left; display:inline; background:url(/images/i_g_arrow.gif) no-repeat left center;padding-left:8px;margin:0px; width:340px;text-align:left;clear:both;margin-top:14px;  }


/** course category **/
.wrapContent .content .courseList_box{overflow:hidden; width:948px; height:auto; background:white; border-top-left-radius:4px; border-top-right-radius:4px;}
.wrapContent .content .courseList_box .ccb_tit{ height:37px; background:url(../images/vlist/cla_tit_bg.gif) repeat-x; overflow:hidden;}
.wrapContent .content .courseList_box .ccb_tit h2{ display:block; height:26px; padding-left:60px; margin-top:6px; overflow:hidden; font:18px/27px microsoft yahei; color:#0860b0; float:left; background:url(../images/vlist/ske_icon.gif) no-repeat 14px center;}
.wrapContent .content .courseList_box .ccb_cons{ padding:13px; padding-bottom:0; padding-top:0; margin-top:13px; margin-bottom:20px; padding-right:20px; overflow:hidden; width:915px; height:auto; background:url(../images/vlist/lft_ver_line.gif) repeat-y 36px 0;}
.wrapContent .content .courseList_box .ccb_cons .cc_tits{ height:28px; border-bottom:1px #d7effb solid; margin-left:12px; margin-top:14px;}
.wrapContent .content .courseList_box .ccb_cons .nmgt{ margin-top:0;}
.wrapContent .content .courseList_box .ccb_cons .cc_tits h2{ display:block; height:28px; float:left; background:url(../images/vlist/db_tit_m.gif) repeat-x 0 0; position:relative; left:-11px; top:0px;}
.wrapContent .content .courseList_box .ccb_cons .cc_tits h2 span.ct_l{ height:28px; width:14px; overflow:hidden; float:left; display:block; background:url(../images/vlist/db_tit_l.gif) no-repeat 0 0;}
.wrapContent .content .courseList_box .ccb_cons .cc_tits h2 span.capters{ display:block; height:28px; line-height:30px; padding:0 10px 0 25px; float:left; overflow:hidden; font-size:14px; color:#0860b0; font-weight:normal;}
.wrapContent .content .courseList_box .ccb_cons .cc_tits h2 span.ct_r{ height:28px; width:14px; overflow:hidden; float:left; display:block; background:url(../images/vlist/db_tit_r.gif) no-repeat 0 0px;}

.wrapContent .content .courseList_box .ccb_cons ul.lists li{ height:33px; width:910px; margin-top:5px; margin-left:5px; overflow:hidden;}
.wrapContent .content .courseList_box .ccb_cons ul.lists li a{ display:block; height:899px; padding-left:11px; cursor:pointer;}
.wrapContent .content .courseList_box .ccb_cons ul.lists li span{cursor:pointer;}
.wrapContent .content .courseList_box .ccb_cons ul.lists li span.learned_status{ display:block; height:15px; width:15px; background:url(../images/vlist/learned_status.png) no-repeat 0 0; _background:url(../images/vlist/learned_status.gif) no-repeat 0 0; margin-top:8px; float:left;}
.wrapContent .content .courseList_box .ccb_cons ul.lists li span.learning_status{ display:block; height:15px; width:15px; background:url(../images/vlist/learning_status.png) no-repeat 0 0; _background:url(../images/vlist/learning_status.gif) no-repeat 0 0; margin-top:8px; float:left;}




.wrapContent .content .courseList_box .ccb_cons ul.lists li span.isnt_learn{ display:block; height:15px; width:15px; background:url(../images/vlist/isnt_learn.png) no-repeat 0 0; _background:url(../images/vlist/isnt_learn.gif) no-repeat 0 0; margin-top:8px;margin-left:11px;_margin-left:6px; float:left;}

.wrapContent .content .courseList_box .ccb_cons ul.lists li span.capters{ display:block; float:left; height:33px; line-height:33px; color:#6f6f6f; padding-left:15px; width:50px; text-align:left; overflow:hidden;}
.wrapContent .content .courseList_box .ccb_cons ul.lists li span.cur_tit{ display:block; float:left; height:33px; line-height:33px; overflow:hidden; color:#333; font-size:12px; text-align:left;}
.wrapContent .content .courseList_box .ccb_cons ul.lists li span.un_learn{ display:block; height:16px; line-height:18px; width:15px; overflow:hidden; float:right; margin-top:8px; margin-right:12px; _margin-right:6px; background:url(../images/vlist/rit_vd_icon.gif) no-repeat 80px -80px; text-align:right; color:#656565; font-size:12px; width:60px; padding-right:35px;}
.wrapContent .content .courseList_box .ccb_cons ul.lists li span.learn_time{ display:block; height:16px; line-height:18px; width:60px; overflow:hidden; float:right; margin-top:8px; margin-right:12px; _margin-right:6px; text-align:right; color:#656565; font-size:12px; width:80px; padding-right:15px; border:#71C5FE 1px solid;}

/*.wrapContent .content .courseList_box .ccb_cons ul.lists li span.learn_down{ display:block; height:16px; line-height:18px; width:60px; overflow:hidden; float:right; margin-top:8px; margin-right:12px; _margin-right:6px; text-align:right; color:#656565; font-size:12px;padding-right:15px; background:url(../images/vlist/down.gif) no-repeat left center;border:#71C5FE 1px solid;}*/

.wrapContent .content .courseList_box .ccb_cons ul.lists li span.learn_down{ display:block; height:16px; line-height:18px; width:60px; overflow:hidden; float:right; margin-top:8px; margin-right:12px; _margin-right:6px; text-align:right; color:#656565; font-size:12px;padding-right:15px; background:url(../images/vlist/down.gif) no-repeat left center;border:#71C5FE 1px solid;}

.wrapContent .content .courseList_box .ccb_cons ul.lists li span.learn_sj{ display:block; height:16px; line-height:18px; width:60px; overflow:hidden; float:right; margin-top:8px; margin-right:12px; _margin-right:6px; text-align:right; color:#656565; font-size:12px; width:80px; padding-right:15px; border:#71C5FE 1px solid;}

.wrapContent .content .courseList_box .ccb_cons ul.lists li span.learn_ipad{ display:block; height:16px; line-height:18px; width:60px; overflow:hidden; float:right; margin-top:8px; margin-right:12px; _margin-right:6px; text-align:right; color:#656565; font-size:12px; width:80px; padding-right:15px; border:#71C5FE 1px solid;}







.wrapContent .content .courseList_box .ccb_cons ul.lists li span.learn_Isfree{width:27px; height:16px; float:left;background:url(http://img.kje6.com/com/ico/free.gif) no-repeat; display:block; margin-left:10px; display:inline; }

.wrapContent .content .courseList_box .ccb_cons ul.lists li span.learn_play{ display:block; width:68px; height:19px; line-height:18px; overflow:hidden; float:right; margin-top:8px; margin-right:12px; _margin-right:6px; color:#ffffff; font-size:12px; background:url(http://img.kje6.com/com/wx/bg/bg_vermilion.gif) no-repeat;}
.wrapContent .content .courseList_box .ccb_cons ul.lists li span.learn_play_{ display:block; width:68px; height:19px; line-height:18px; overflow:hidden; float:right; margin-top:8px; margin-right:12px; _margin-right:6px; color:#ffffff; font-size:12px; background:url(http://img.kje6.com/com/wx/bg/bg_grey.gif) no-repeat;}

.wrapContent .content .courseList_box .ccb_cons ul.lists li:hover{ background:#f0f9ff url(../images/vlist/lft_ver_line.gif) repeat-y 18px 0;border:#71C5FE 1px solid;color:#FFFFFF;}
.wrapContent .content .courseList_box .ccb_cons ul.lists li a:hover{ background:#f0f9ff url(../images/vlist/lft_ver_line.gif) repeat-y 18px 0;border:#71C5FE 1px solid;color:#FFFFFF;}/*Õë¶Ôie6*/
/*.wrapContent .content .courseList_box .ccb_cons ul.lists li:hover span{ color:#1c70ba;}*/
.wrapContent .content .courseList_box .ksSysto{background:url(http://img.kje6.com/com/ad/2014/kssysto.gif) no-repeat center !important;width:946px;height:50px;}
.wrapContent .content .courseList_box .ksSysto a{float:left;width:946px;height:50px;;display:block;}
/*-----------------------Course List End----------------------*/
#footer{
	margin:0 auto; height:35px; padding-top:10px; clear:both; text-align:center; COLOR: #125970;
}