@charset "utf-8";
/* 公共 CSS */

body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 {font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;}


/*----------------------------------------
-------------------teacher---------------*/
.t-banner-warp{ background:url(../Images/tbanpic.jpg) repeat-x center 0; min-width:990px;}
.t-banner-box{ width:990px; height:265px; margin:0 auto;}
.t-banner-box span{ text-align:center; color:#fff; display:none;}

.contents{width:990px;max-width: none !important; margin:0 auto;}
.con-inner{ margin-top:30px;}
.teacher-item{overflow:hidden; color:#666; margin:60px 0;}
.teacher-face{ float:left; width:180px; height:180px; border-radius:50%; overflow:hidden; margin:0 50px;}
.teacher-face img{ max-width:100%;}
.teacher-self{ float:left; width:630px;}
.teacher-self h1{ font-size:36px; font-weight:normal; color:#333; margin-bottom:10px;}
.teacher-self p{ margin-bottom:20px; line-height:22px;}

.tag-ico { margin-bottom:20px;}
.tag-ico span{ display:inline-block; border-radius:3px; margin-right:5px; background:#ff9c3c; color:#fff; height:25px; line-height:25px; padding:0 8px;}

.school-lc{ margin-bottom:20px; overflow:hidden;}
.school-lc em{ display:inline-block; vertical-align:middle; float:left; line-height:40px;}
.school-lc span{ float:left; margin-left:10px;}
.school-lc img{ margin:0 5px; max-height:40px;}
.school-lc .detail{ float:right; display:inline-block; border:1px solid #3f8ee8; border-radius:3px; height:30px; line-height:30px; padding:0 10px;}
.school-lc .detail:hover{ color:#3f8ee8;}
.school-lc .detail i{ display:inline-block; vertical-align:middle; width:18px; height:18px; background:url(../Images/teacher-pbg.png) no-repeat -305px -6px; margin-left:5px;}

.s-comment{ 
	border:1px solid #eee;
	font-size:12px;
	padding:5px 5px 5px 5px;
	height:60px;
	}
/* .s-comment li{ margin-top:5px;} */
.s-comment img{ width:21px; height:21px; border-radius:50%; vertical-align:middle;} 
.s-comment a:hover{ color:#333; text-decoration:underline;}
.s-comment em{ color:#999;}
.s-comment span{ display:inline-block; vertical-align:middle; max-width:420px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.s-comment li{ margin-bottom:10px;}

.en-text{ font-family:Arial, Helvetica, sans-serif; color:#999;font-size:12px;}
.fgline{background:url(../Images/line-dot.png) repeat-x 0 bottom; height:5px;width:890px;}


.intro-wrap{}
.cleft-wrap{ float:left; width:200px; margin-right:30px;}
.teacher-photo { overflow:hidden; text-align:center;}
.teacher-photo a{ display:inline-block; width:140px; height:140px; border-radius:50%; overflow:hidden; margin-top:10px;border:4px solid transparent;
	background-clip:padding-box,border-box;
	background-origin:padding-box,border-box;
	background-image:linear-gradient(#fff,#fff),linear-gradient(#e1fd60,#5ef197);}
.teacher-photo img{ width:100%; height:100%;}

.stat-con{ padding:15px 10px;}
.stat-con li{ margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:10px;}
.stat-con p{ color:#999; margin-bottom:5px;}
.stat-con em{ font-size:18px; color:#333; min-width:50px; display:inline-block;}
.stat-con a{ text-decoration:underline;}
.stat-con a:hover{ color:#3f8ee8;}

.teacher_con .t_photo a{ display:inline-block;}
.teacher_con .t_photo a:hover{ color:#3596e9;}
.teacher_con .t_photo a:hover span{ border: 3px solid #ddd;}


.score-star{ width:67px; height:14px; background:url(../Images/star_ico.jpg) no-repeat 0 0; display: inline-block;}
.score-star b{ height:14px; display:block;background:url(../Images/star_ico.jpg) no-repeat 0 -13px;}


.cright-wrap{ float:left; width:725px; padding-left:25px; border-left:1px solid #eee; margin-left:-1px; position:relative;}
.cright-wrap img{ width:100%;}
.cright-wrap h1{ font-size:36px; font-weight:normal; color:#333; margin:20px 0 30px 0;}
.cright-wrap h1 .foreign{ width:60px; height:32px; display:inline-block; background:url(../Images/teacher-pbg.png) no-repeat -236px -5px; overflow:hidden;  text-indent:999px; vertical-align:middle; margin:0 20px;}

.g-arrow{ width:12px; height:20px; position:absolute; background:url(../Images/teacher-pbg.png) no-repeat -266px -45px; left:-12px; top:30px;}

.teacher-intro { width:455px; float:left;}
.teacher-intro p{ margin-bottom:20px; line-height:22px;}
.class-table p{ line-height:28px;}
.class-table ul{ margin:30px 0;}
.class-table ul::after{ content:""; display:block; clear:both;}
.class-table ul li{ float:left; width:30%;}
.class-table ul li:nth-child(2){ margin:0 5%;}
.class-table ul li img{ width:100%;}
.teacher-intro .l-double{ vertical-align: text-top;}
.teacher-intro .r-double{ vertical-align: text-top;}
.teacher-intro em{ font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:35px; color:#999; margin:0 5px;}
.teacher-trait{ float:right; width:222px; background:url(../Images/t-bg-line.gif) repeat-y; margin-top:-10px;}
.teacher-trait ul{ padding:15px; width:192px;background:url(../Images/teacher-pbg.png) no-repeat 0  -10px;}
.t-bg-bm{ height:8px; overflow:hidden;background:url(../Images/teacher-pbg.png) no-repeat;}
.teacher-trait li{ margin-top:5px; line-height:24px; color:#d86b00;}
.teacher-trait li em{ color:#777;}
.teacher-trait li span{  width:200px; vertical-align:top; font-size:14px;}
.teacher-trait li span a:hover{ text-decoration:underline;}


.photo-book{ border:1px solid #eee; margin-bottom:50px; padding:10px; position:relative;}
.photo-book ul{ width:999px; overflow:hidden; margin:0 auto;}
.photo-book li{ float:left; width:135px; margin-right:10px; height:80px; overflow:hidden;}
.photo-book li img{ max-width:100%;}
.photo-book .x-slider{ overflow:hidden; margin:0 auto; width:620px;}

.control-left {width:23px;height: 38px;top:30%; left:15px; display:block; position:absolute;background: url(../Images/arrow-btn.png) no-repeat;}
.control-left:hover{background: url(../Images/arrow-btn.png) no-repeat 0 -39px;}
.control-right {width:23px;height:38px;left: auto;top:30%;right:15px; display:block;position:absolute;background: url(../Images/arrow-btn.png) no-repeat -24px 0;}
.control-right:hover {background: url(../Images/arrow-btn.png) no-repeat -24px -39px;}


.h2-subtitle{ font-size:18px; font-weight:normal; margin-bottom:15px; color:#333;}
.essay-list { margin-bottom:50px;}
.essay-list li{ border:1px solid #eee; padding:10px; color:#999; overflow:hidden; margin-bottom:-1px;}
.essay-list li:hover{ background:#fcfcfc;}
.essay-list li a { float:left; font-size:14px; color:#333;}
.essay-list li:hover a{ color:#3f8ee8;}
.essay-list li a i{ width:20px; height:24px; display:inline-block; background:url(../Images/teacher-pbg.png) no-repeat -236px -44px; vertical-align:middle; padding-right:10px; margin-right:10px; border-right:1px solid #eee;}
.essay-list li span{ float:right;}

.class-table{ margin-bottom:30px; overflow:hidden;}
.class-table dl{ width:725px;float:left;}
.class-table dt {float:left; width:90px;  height:60px; margin-bottom:20px;}
.class-table dt a{ float:left; width:70px; overflow:hidden; height:60px;}
.class-table dt a img{ width:100%;}
.class-table dd{ float:left; width:630px; height:60px; margin-bottom:20px;}
.class-table dd span{float:left; line-height:22px;}
.class-table dd span a{ color:#333; font-size:14px;}
.class-table dd span a:hover{ text-decoration:underline;}
.class-table dd .viewbtn{ display:inline-block; float:right; line-height:28px; height:28px; background:#3f8ee8; color:#fff; padding:0 10px; border-radius:3px; margin-top:5px;}

.d-line{ height:1px; background:#eee; overflow:hidden; clear:both; margin:20px 0;}
.edu-bg{ margin-bottom:50px;}
.edu-bg ul{ overflow:hidden; background:#f8f8f8; padding:15px;}
.edu-bg li{ float:left; display:block; padding:0 8px;}
.edu-bg li img{ border:1px solid #eee; margin-bottom:10px; max-height: 60px;}
.edu-bg li p{ text-align:center;}

.class-comment { margin-bottom:50px; overflow:hidden;}
.class-comment p{ line-height:28px;}

.class-comment li{ float:left;background: url(../Images/teacher-pbg.png)  repeat-y 25px 0; padding-top:20px; margin-bottom:10px;}
.class-comment .us-photo{ float:left;width:45px;height: 45px;border-radius: 50%;border:3px solid white;background: #fff; cursor:pointer;overflow: hidden;}
.class-comment .us-photo img{ max-width:100%;}
.class-comment .c-details{ float:left; width:650px; margin-left:20px; font-size:12px;}
.class-comment .c-details .c-talk{ background:#fff; border-radius:4px; border:1px solid #dfdfdf; padding:5px 8px; float:left; position:relative;}
.class-comment .c-details .c-talk .larrow{ position:absolute; width:14px; height:20px; background:url(../Images/arrow_ico.png) no-repeat 0 -41px; left:-12px;}
.class-comment .c-details .c-talk span{ line-height:20px; width:630px; display:block;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.class-comment .c-details .c-talk p{ color:#999; font-style:italic; margin-top:3px;}
.class-comment .c-details-more {position: absolute; top:590px;}
.class-comment .c-details .c-head{margin-bottom:5px; color:#999; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.class-comment .c-details .c-head span{ margin:0 5px;}
.class-comment .c-details .c-head a.name{font-weight:bold;color:#333;}
.class-comment .c-details .c-head a.course{ text-decoration:underline; color:#3f8ee8;}
.class-comment .c-details .c-head a:hover.course{ text-decoration:underline;}
.class-comment .c-details .fen{ float:right; padding-right:10px;}
.class-comment .c-details .fen em{ font-weight:bold; font-size:16px; color:#c36a12;}

.class-comment .c-details .pingfen{ float: right;}
.class-comment .c-details .name{ float: left;}
.class-comment .c-details .pingfen span{ font-weight:bold; color:#e81a41;font-size:14px;}


.pagenumber span{ float:right;}
.pagenumber a{ display:inline-block; padding:3px 0px; border-radius:2px; border:1px solid #e1e1e1; color:#777; min-width:24px; text-align:center;cursor: pointer;}
.pagenumber { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.pagenumber a:hover{ background:#E9E9E9;}
.pagenumber a.li_on{ background:#E9E9E9;}

.news-marquee-wrap{
	float:left;
	width:100%;
	height:60px;
	background-color:#E9E9E9;
}
.news-marquee{
	width:1000px;
	height:60px;
	margin:0 auto 0 auto;
	
}
.news-marquee-icon{
	float:left;
	width:52px;
	height:60px;
	line-height:60px;
	margin-right:2px;
	font-weight:normal;
	color:#f75c5c;
	font-size:15px;
}
.news-marquee-list-wrap{
	height:60px;
}
.NML-wrap{
	position:relative;
	width:100%;
	height:25px;
	margin:10px 0 10px 0;

}
.news-marquee-list{
	position:absolute;
	width:100%;
	height:400px;
	top:0;
	left:0;
}
.news-marquee-list li{
	float:left;
	width:100%;
	height:25px;
	line-height:25px;
	margin:0 0 5px 0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#7a7a7a;
}
.news-marquee-list li a{color:#7a7a7a; border-bottom:solid 1px #7a7a7a;}
.news-marquee-list li a:hover{color:#f74c4c;border-bottom:solid 1px #f74c4c;}

.news-marquee-arrow{
	float:right;
	width:92px;
	height:60px;
	border-left:solid 1px #f5f5f5;
}
.news-marquee-arrow li, .news-marquee-arrow li:active{
	float:left;
	width:45px;
	height:60px;
	border-right:solid 1px #f5f5f5;
	background:url(../Images/newslist-arrow.png) no-repeat;
	cursor:pointer;
}
.news-marquee-arrow li:hover{background-color:#f74c4c;}
li.nma-L{background-position:0 0;}
li.nma-L:hover{background-position:0 -45px;}
li.nma-R{background-position:-45px 0;}
li.nma-R:hover{background-position:-45px -45px;}

/* teacher personal page images */
/* .photo-book{ border:1px solid #eee; margin-bottom:50px; padding:10px; position:relative;}
.photo-book ul{ width:999px; overflow:hidden; margin:0 auto;}
.photo-book li{ float:left; width:135px; margin-right:10px; height:80px; overflow:hidden;}
.photo-book li img{ max-width:100%;}
.photo-book .x-slider{ overflow:hidden; margin:0 auto; width:620px;} */
 .box{ 
 	width:720px;
 	height:100%;
 	margin: 0 0 20px 0; 
 	position:relative; 
 	overflow:hidden; 
 	border:1px solid #eee;
 	}
.picbox{ 
	width:700px; 
	height:105px;
	margin-left:10px;
	overflow:hidden; 
	position:relative;
	}
.piclist{ height:115px;position:absolute; left:0px; top:0px}
.piclist li{
	width:150px;
	height:90px;
	background:#eee; 
	margin: 0 5px 0 9px; 
	padding:5px; 
	float:left;
	overflow:hidden;
	}
.piclist li img{
	max-width:100%;
	}
.swaplist{ position:absolute; left:0px; top:0px}
.og_prev,.og_next{ width:30px; height:50px; background:url(../Images/icon.png) no-repeat; background:url(../Images/icon_ie6.png) no-repeat\9; position:absolute; top:33px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
.og_prev{ background-position:0 -60px; left:4px;}
.og_next{ background-position:0 0; right:4px;}