.teacher-info{
	height:360px;
	clear: both;

	
}
.teacher-info .preview{
	width:500px;
	height:334px;
	overflow: hidden;
	float: left;
}
.teacher-info .preview img{
	width:100%;
}
.teacher-info .info-box{
	float: right;
	width:665px;
}
.teacher-info .info-box>.title{
	line-height:150%;
	margin-bottom:15px;
	font-size: 28px;
	color:#000;
}
.teacher-info .info-box>.info{
	background: #F5F5F5;
	padding:20px 20px;

	line-height: 200%;
	font-size: 13px;
	color:#333333;

	min-height: 88px;

	box-sizing: border-box;
}


.teacher-detail{
	margin:20px auto 100px auto;
	box-sizing: border-box;
	position: relative;
}

.teacher-detail>.left-side{
	width: 890px;
	background-color: #fff;
	min-height: 1384px;
	box-sizing: border-box;
	padding:10px 30px;
}

.teacher-detail>.left-side>.title{
	line-height: 40px;
	font-size: 18px;
	color:#1DA977;
	border-bottom:1px solid #E6E6E6;
	position: relative;
}
.teacher-detail>.left-side>.title::after{
	content: '';
	display: block;
	width:72px;
	height: 4px;
	overflow: hidden;
	background-color: #1DA977;
}
.teacher-detail>.left-side>.info{
	line-height: 50px;
	font-size: 14px;
	color:#656565;
	text-align: center;
}
.teacher-detail>.left-side>.info .time{
	
}
.teacher-detail>.left-side>.detail{
	padding-top:20px;	
	line-height: 200%;
}
.teacher-detail>.left-side>.detail *{
	color: #333;
	font-size: 16px;
	line-height: 200%;
}
.teacher-detail>.left-side>.detail img{
	max-width:820px;
}


.teacher-detail>.right-side{
	position: absolute;
	right: 0;
	top:0;
	width: 280px;
}

.rel-teacher{
	padding:25px 0;
	margin-bottom: 18px;
	background: #fff;

	-moz-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.01);
	-webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.01);
	-o-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.01);
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.01);
}
.rel-teacher>.title{
	color: #333;
	font-size: 18px;
	line-height: 34px;
	padding-left: 45px;
	position: relative;
}
.rel-teacher>.title::before{
	content: '';
	display: block;
	position: absolute;
	left:28px;
	top:8px;
	width:4px;
	height: 18px;
	overflow: hidden;
	background: #1DA977;
}
.rel-teacher>.list{

}
.rel-teacher>.list>li{
	height: 260px;
	position: relative;

	box-sizing: border-box;

	padding-top: 24px;
	padding-left:26px;
}
.rel-teacher>.list>li:first-child{
	padding-top:12px;
}
.rel-teacher>.list>li a.thumb{
	display: block;
	width:224px;
	height:135px;
	overflow: hidden;

}
.rel-teacher>.list>li a.thumb:hover{

}
.rel-teacher>.list>li a.thumb img{
	width:224px;
}
.rel-teacher>.list>li a.thumb:hover{
	opacity: 0.8;
}
.rel-teacher>.list>li a.title{
	display: block;
	line-height: 40px;
	color: #000;
	font-size: 16px;
	padding: 0 10px;
	font-weight: bold;
}
.rel-teacher>.list>li a.title:hover{
	color: #00AD4D;
}

.rel-teacher>.list>li .intro{
	width:224px;
	line-height: 200%;
	color: #777777;
	font-size: 12px;
	padding: 0 10px;
	word-break:break-all;
}