@charset "utf-8";

.wrap_mainbanner {width:100%; background-color:#0c0c0c; text-align:center; border-bottom:1px solid #000;}
.wrap_mainbanner .visual {position:relative; width:1000px; height:340px; margin:0 auto;}
.wrap_mainbanner .visual ul {}
	 .bx-controls-direction {display:block;}
	 .bx-controls-direction a {display:block; position:absolute; top:145px; width:46px; height:46px; font-size:0;}
	 .bx-prev {left:-22px; background:url(/lms/images/main/btn_visual_left.png) no-repeat;}
	 .bx-next {right:-22px; background:url(/lms/images/main/btn_visual_right.png) no-repeat;}

.aviArea{}
.aviArea .titArea{background-color:#343434; height:30px; border-top:1px solid #1b1b1b;}
.aviArea .titArea ul{width:455px; margin:0 auto; text-align:center;}
.aviArea .titArea ul:after{clear:both; content:''; display:block;}
.aviArea .titArea ul li{float:left; font-size:14px; line-height:30px; width:189px; border-right:1px solid #242424;}
.aviArea .titArea ul li:first-child{border-left:1px solid #242424;}
.aviArea .titArea ul li a{color:#cccccc; display:block;}
.aviArea .titArea ul li a:hover{color:#fff; background-color:#0054a6;}
.aviArea .titArea ul li a.active {color:#fff; background-color:#0054a6;}

.wrap_mainvod {width:100%; height:180px; background-color:#272727; padding-top:15px; margin-bottom:30px;}

/*170201¼öÁ¤/Ãß°¡*/
.wrap_mainvod .vod {position:relative; width:213px;}
.wrap_mainvod .vod .playbutton {position:absolute; top:71px; left:84px; width:44px; height:44px; background:url('/lms/images/sub/icon_movThumbnail.png') no-repeat;}
/*170201¼öÁ¤/Ãß°¡ ³¡*/

.wrap_mainvod .vod_space_td {width:23px;}
.wrap_mainvod .vod .vod_label {font-size:15px; text-align:center; margin-bottom:13px; width:100%; display:block;}
.wrap_mainvod .vod .vod_img {width:213px; height:118px; overflow:hidden;}
.wrap_mainvod .vod .vod_img img {width:100%;}

.wrap_left_container {width:732px; float:left; overflow:hidden; margin-right:15px;}
.wrap_right_container {width:250px; float:left; overflow:hidden;}

.main_3banners {overflow:hidden; margin-bottom:15px;}
.main_3banners .banners {width:243px; height:219px; float:left; display:inline-block; margin-right:1px;}
.main_3banners .banners:last-child {margin-right:0px;}
.main_3banners .lectures {float:left; width:223px; height:209px; padding:20px 0 0 20px; background-color:#272727; margin-right:1px;}
.main_3banners .lectures:last-child {margin-right:0px;}
.main_3banners .lectures .icons {width:75px; float:left; height:75px; margin-right:13px;}
.main_3banners .lectures .h5 {padding-top:25px; font-size:24px; line-height:25px;}
.main_3banners .lectures .p {font-size:16px; line-height:20px; height:76px;}

.main_sample {width:694px; height:40px; background-color:#f7324e; padding:21px 15px 0 25px; margin-bottom:15px;}
.main_sample .h5 {height:21px; font-size:20px; line-height:21px; text-indent:30px; background:url('/lms/images/main/i_samplelec.gif') bottom left no-repeat;}
.main_sample .right_button {float:right; height:16px; padding-top:2px;}
.main_sample .button {font-size:15px; line-height:16px; height:16px; margin-right:7px;}
.main_sample .button_icon {width:16px; height:16px; line-height:16px;}

.main_articles {width:358px; height:205px; background-color:#272727; float:left;}
.main_articles .header {width:100%; height:38px; padding-top:20px; border-bottom:1px solid #0d0d0d;}
.main_articles .header .h4 {font-size:18px; float:left; line-height:18px; padding-left:25px;}
.main_articles .header .view_all {font-size:15px; color:#f5cb06; margin-right:20px; line-height:16px; margin-right:6px; float:left; display:inline-block; padding-top:3px;}
.main_articles .header .arrow_img {width:16px; height:16px; float:left; line-height:16px; padding-top:3px;}
.main_articles .wrap_articles {padding:20px 25px; }
.main_articles .articles {display:block; font-size:14.5px; margin-bottom:14px; height:15px; line-height:15px; overflow:hidden;}
.main_articles .articles:last-child {margin-bottom:0px;}

.main_schools {width:999px; margin-bottom:60px;}
.main_schools .h3 {width:100%; height:58px; font-size:19px; line-height:58px; text-indent:20px; background-color:#272727;}
.main_schools .school_logo_wrap {padding:20px; background-color:#fff; overflow:hidden;}
.main_schools .school_logo_wrap .mov_button_left {width:50px; height:48px; float:left; margin-right:10px;}
.main_schools .school_logo_wrap .mov_button_right {width:50px; height:48px; float:left; margin-left:10px;}
.main_schools .school_logo {width:960px; float:left; height:48px; overflow:hidden;}
.main_schools .logos {display:inline-block; float:left; margin-right:6px;}

/* movie popup */
.videoPop {display:none; /*position:absolute; top:40px; left:50%; margin-left:-320px; width:640px; height:360px;*/ z-index:9999; background:url(.); padding:0px;}
.video_pannel {position:absolute; width:640px; height:360px; background:url(/lms/images/main/videoPop_bg.png) no-repeat; padding:0px;}
.video_pannel .video {width:640px; height:360px; margin:0px;}
.video_pannel .close {position:absolute; right:-47px; bottom:35px; width:50px; height:50px; background:url(/lms/images/main/btn_videoClose.png) no-repeat; font-size:0; padding:0px;}