@charset "utf-8";
/* CSS Document */
body { text-align:center; font-size:12px; background: url(../images/main_bg.gif) repeat-x #ebebeb;}
.wrap {width:960px; margin:0 auto; text-align:left;}
.clearit{ clear:both}

/*head*/
.head_box{ width:960px;height:74px;}
.head_logo{ width:300px; float:left; margin-top:10px;} 
.head_title{ width:380px; float:right; position:relative;}
.xdf_logo,.youcan_logo,.head_title h2{ float:left; background:url(../images/css_spirit.png) no-repeat; display:block;}
.xdf_logo{ width:110px; height:36px; position:0 0; }
.youcan_logo{ width:180px; height:36px; background-position:-100px 0;border-left:1px solid #616161;}
.head_title h2{ display:block; width:380px; height:74px;background-position:-293px 8px;}
.head_title p{ position:absolute; top:74px; left:182px; z-index:2008}

/*focus_box*/
.focus_box{ width:958px; height:332px; margin:0 auto; margin:1px 0;}
#tabs{ width:958px; position:relative; z-index:0;}
#tabs-show { width:958px; height:332px;}
#tabs-show-wrap {width:958px; height:332px;overflow:hidden;}
#tabs-show-wrap li {float:left; position:relative; z-index:0;}
#prev,#next {width:24px;height:43px;position:absolute;z-index:1;cursor:pointer;}
#prev {	background:url(../images/css_spirit.png) no-repeat -1px -90px;top:130px;left: -60px;}
#next {
	background:url(../images/css_spirit.png) no-repeat -53px -90px;
	left:994px;
	top:130px;
}
#tabs-menu{	position:absolute;	top:336px; left:346px;}
#tabs-menu ul { padding:5px 2px 0 3px;}
#tabs-menu li {float:left; width:24px; height:10px; background:url(../images/css_spirit.png) no-repeat -54px -71px; margin-right:6px;}
#tabs-menu li.cur { background:url(../images/css_spirit.png) no-repeat -3px -71px;}

/*crumbs*/
.crumbs_box{ width:960px; padding-top:30px;}
.crumbs_box p{ height:35px; line-height:35px; display:inline}
.crumbs_box p span{ float:left; width:6px; height:35px; margin:0 6px; background:url(../images/css_spirit.png) no-repeat -6px -140px;}
.crumbs_box p a,.crumbs_box p a:visited{ text-decoration:none;}
.crumbs_box p a:hover{ text-decoration:underline}
.crumbs_box h1{ display:inline}

/*main_left*/
.main_left{ width:703px; padding:1px; border:1px solid #cdcdcd; background:#FFF; float:left;}
.left_bottom_bg{ width:703px; height:30px; background: url(../images/css_spirit.png) repeat-x 0 -440px;}
.left_top{ background:url(../images/left_topBg.png) repeat-x; padding-bottom:22px;}
.left_top h3{ width:189px; height:146px; display:inline; background: url(../images/css_spirit.png) repeat-x -1px -166px; float:left; margin:22px 0 0 17px;}
.left_top p{ width:460px; float:left; padding:44px 0 0 22px; font-size:14px; line-height:25px; color:#333;}
.video_box{ width:658px; padding:26px 0 28px 28px; _height:192px; *height:192px;}
.left_box_info h3{ width:666px; height:37px; line-height:42px; margin:0 auto; padding-left:20px; background: url(../images/css_spirit.png) no-repeat 0 -498px; font-size:14px; font-weight:bold; overflow:hidden;}
.video_img{ width:224px; height:190px; float:left; border:1px solid #CCC;}
.video_img a{ display:block; width:220px; height:150px; padding:2px; line-height:25px; text-align:center;}
.video_img a:hover{ text-decoration:underline;}
.video_img a img{ display:block;}
.video_info{ width:384px; float:left; padding-left:30px; position:relative;}
.video_info p{ font-size:12px; color:#666; line-height:21px;}
.video_info p span{ float:right; display:inline;}
.video_info p span a,.video_info p span a:visited{ color:#666;}
.video_info p span a:hover{ text-decoration:underline; color:#666;}
.video_info_line{ width:384px; height:6px; background:url(../images/css_spirit.png) no-repeat 0 -485px #FFF; margin:10px 0;}
.video_info ul li{ line-height:21px; color:#666;}

.video_info_pos_left{width:228px;position:absolute;left: -227px;top: 200px; }
.video_info_pos_right{ width:390px; position:absolute; top:200px; color:#666}

#classImg-slider-tabs01,#classImg-slider-tabs02,#classImg-slider-tabs03{ width:224px; overflow:hidden;}
#classImg-slider-tabs01 ul li,#classImg-slider-tabs02 ul li,#classImg-slider-tabs03 ul li{ width:224px; height:190px; float:left; overflow:hidden;}
#classImg-sliderNav-tabs01,#classImg-sliderNav-tabs02,#classImg-sliderNav-tabs03{ position:relative;}
.classImg_prev,.classImg_next{ width:30px; height:32px; background:url(../images/css_spirit.png) no-repeat; position:absolute; cursor:pointer}
.classImg_prev{ background-position:0px -588px; top:74px; left:3px;}
.classImg_next{ background-position:0px -628px; top:74px; left:194px;}


/*main_right*/
.main_right{ width:240px; float:left; padding-left:10px;}
.main_right .right_box{ margin-bottom:10px; border:1px solid #CCC; padding:1px; }

.right_top{ width:236px;overflow:hidden;}
.right_top h3{ width:224px; height:35px; line-height:35px; background:url(../images/css_spirit.png) no-repeat 0px -544px; font-weight:bold; font-size:14px; padding-left:12px;}
.keyword_box{ background:#FFF; height:143px;}
.right_top span{ display:inline; height:35px; float: right; margin-top:-35px; line-height:35px; padding-right:10px; font-size:12px;}
.right_top span a:hover{ text-decoration:underline;}

#roll_keywords {position:relative; width:236px; height:142x; overflow:hidden;}
#roll_keywords a {position:absolute; top:0px; left:0px; color:#999;text-decoration:none; padding: 3px 6px; font-weight:bold}
#roll_keywords a:hover { color:#333;}
/*else color*/
#roll_keywords .blue {color:blue;}
#roll_keywords .red {color:red;}
#roll_keywords .yellow {color:yellow;}

.right_info_list{ line-height:21px; background:#FFF; padding:12px 0 12px 18px;}
.right_info_list ul li a{ color:#666;}
.right_info_list ul li a:hover{ text-decoration:underline;}
.high_mark ul li{ color:#666;}
.right_else{ line-height:21px; background:#FFF; padding:18px 0 12px 18px;}
.right_else ul li { width:200px;}
.right_else ul li img{ display:block}
.right_else ul li a{ color:#666; display:block; width:200px; text-align:center; line-height:32px;}
.right_else ul li a:hover{ text-decoration:underline;}

/*=========================================================二级视频页面==============================================================*/
.paging_left_box{ width:438px; float:left;}
.paging_right_box{ width:512px; float:left;}

.paging_video_box,.about_class{ width:434px; padding:1px; border:1px solid #CCC; background:#FFF; margin-bottom:10px;}
.paging_video_box h3,.about_class h3{ width:420px; height:35px; line-height:35px; background:url(../images/css_spirit.png) no-repeat 0 -544px; font-size:14px; font-weight:bold; padding-left:14px;}
.about_class h3 span{ float:right; font-weight:normal; padding-right:10px; display:inline}
.about_class h3 span a,.about_class h3 span a:visited{ text-decoration:none;}
.about_class h3 span a:hover{ text-decoration:underline;}

.video_window{ padding:20px 0 0 18px;}
.video_window h4{ width:390px; height:286px; padding:3px; border:1px solid #CCC;}
.video_window h4 img{ display:block;}

.video_window p{ padding:17px 0 32px 0;}
.video_collect,.video_down,.pdf_down,.ppt_down{ background:url(../images/css_spirit.png) no-repeat; height:40px; float:left; display:inline-block; margin-right:9px;}
.video_collect{ width:107px; background-position:-259px -185px;}
.pdf_down{ width:155px; background-position:-375px -185px;}
.ppt_down{ width:118px; background-position:-537px -185px;}

.video_teacher_info{ width:400px; padding:20px 16px; _height:134px;*height:134px;}
.video_teacher_info .teacher_info_img{ width:155px; float:left; padding:1px; border:1px solid #CCC;}
.video_teacher_info .teacher_info_img img{ display:block;}
.video_teacher_info .teacher_info_text{ width:220px; float:left; padding-left:20px;}
.video_teacher_info .teacher_info_text h5 a{ font-size:14px; font-weight:bold; line-height:25px;}
.video_teacher_info .teacher_info_text h5 a:hover{ text-decoration:underline;}
.video_teacher_info .teacher_info_text dl dt,.video_teacher_info .teacher_info_text dl dd{ font-size:12px; color:#666; line-height:21px;}

.about_class{ width:434px;}
.about_class ul{ padding:20px 20px 20px 42px}
.about_class ul li{ line-height:25px; font-size:14px; color:#666; position:relative;}
.about_class ul li span{ width:16px; height:16px; line-height:16px; font-size:12px; color:#fff; background:url(../images/css_spirit.png) no-repeat -260px -159px; text-align:center; position:absolute; left:-22px; top:4px; _top:0px;*top:0px;}
.about_class ul li a,.about_class ul li a:visited,.about_class ul li a:hover{ color:#666}
.about_class ul li a:hover{ text-decoration:underline;}

/*right*/
.paging_video_info{}
.paging_right_box{ width:508px; padding:1px; border:1px solid #CCC; background:#FFF; margin:0 0 10px 10px; position:relative;}
.paging_right_box h3{ width:494px; height:35px; line-height:35px; background:url(../images/css_spirit.png) no-repeat 0 -544px; font-size:14px; font-weight:bold; padding-left:14px;}
.paging_right_doc{ height:754px; height:756px\9;}
.paging_right_doc embed{ height:756px\9;}
.paging_doc_mask_top{
	position:absolute;
	display:block;
	width:261px;
	height:29px;
	background:url(../images/doc_mask_top.gif) no-repeat;
	top:36px;
	left:2px;
}
.paging_doc_mask{position:absolute; display:block; width:507px;height:34px;background:url(../images/doc_mask.gif) no-repeat;top:756px;left:1px;}

/*bottom*/
.main_bottom{ width:956px; padding:1px; border:1px solid #CCC; background:#FFF; position:relative;}
.main_bottom h3{ width:942px; height:35px; line-height:35px; background:url(../images/css_spirit.png) no-repeat 0 -544px; font-size:14px; font-weight:bold; padding-left:14px;}

#expert-slider { width:840px; height:160px; margin-left:60px; overflow:hidden;}
#expert-slider ul { padding:32px 16px; }
#expert-slider ul li{float:left; width:260px; padding:0 20px 20px 0 }
#expert-slider ul li span{ float:left; display:block; width:116px; height:96px; padding:1px; border:1px solid #CCC;}
#expert-slider ul li dl{ width:120px; float:left; padding:0 0 0 14px;}
#expert-slider ul li dl dt a{ font-size:12px; font-weight:bold; line-height:21px; color:#666;}
#expert-slider ul li dl dt a:hover{ text-decoration:underline;}
#expert-slider ul li dl dd{ font-size:12px; line-height:21px; color:#666;}
#expert-sliderNav .bottom_prev,#expert-sliderNav .bottom_next {	width:24px;	height:43px;position:absolute;z-index:1;cursor:pointer;background:url(../images/css_spirit.png) no-repeat}
#expert-sliderNav .bottom_prev { background-position: -1px -90px; left: 24px; top: 100px;}
#expert-sliderNav .bottom_next { background-position: -53px -90px;left: 910px;top: 100px;}


/*====================================================down_files=========================================================*/
.down_files{ text-align:center; padding:50px 0}
.down_files table{ width:800px; margin:0 auto; text-align:left; background:#ccc;}
.down_files table tr th{ font-size:14px; line-height:32px; color:#fff; background:#ff9900; text-align:center}
.down_files table tr th span{ font-size:12px; line-height:25px; color:#fff; font-weight:normal;}
.down_files table tr td{ font-size:14px; line-height:32px; color:#333; background:#fff;}

.down_files table tr .files_topic{background:#ffffcc;}
.down_files table tr .files_topic a,.down_files table tr .files_ppt a{ display: inline; margin-left:130px;}
.files_topic a span,.files_ppt a span{ display:inline-block; width:16px; height:16px;line-height:32px; background:url(../images/css_spirit.png) no-repeat -48px -343px;vertical-align:middle; padding-right:4px;}
.files_topic a:hover span,.files_ppt a:hover span{ background-position:-48px -363px;}

.down_files table tr .table_class{ text-align:center; width:141px; padding-left:0px; background:#efefef}
.down_files table tr td a,.down_files table tr td a:visited{ text-decoration:none; color:#333;}
.down_files table tr td a:hover{ text-decoration:underline; color:#666;}