.banner{
	background-image: url(../images/banner-teachers.jpg);
}
.content .inner{
	position: relative;
	overflow: hidden;
}
.content .content-left{
	width: 800px;
	overflow: hidden;
	margin-bottom: 118px;
	margin-top: 15px;
}
.content .content-left ul {
	
}
.content .content-left ul li{
	overflow: hidden;
	border: 1px solid #e6e6e6;
	transition: all 0.2s;
	padding: 18px 35px 22px 14px;
	margin-bottom: 20px;
}
.content .content-left ul li .info-box{	
	display: -webkit-flex;	
	display: flex;
	flex-direction: row;
}
.content .content-left li .teachers-photo{
	width: 112px;
	height: 112px;
	border-radius:50% ;
	overflow: hidden;
	margin-right: 15px;
}
.content .content-left li .teachers-photo img{
	width: 100%;
	height: 100%;
}
.content .content-left li .teachers-intro{
	width: 615px;
	position: relative;
}
.content .content-left li .teachers-name{
	color: #333333;
	line-height: 37px;
	font-size: 24px;
}
.content .content-left li .teachers-subject{
	color: #5b5b5b;
	line-height: 22px;
	font-size: 14px;
}
.content .content-left li .detail-intro{
	color: #393939;
	line-height: 27px;
	margin-top: 10px;
	font-size: 16px;
	
}
.content .content-left li .teachers-intro .check-details{
	position: absolute;
	bottom: 10px;
	display: block;
	width: 74px;
	height: 22px;
	border-radius: 11px;
	border: 1px solid #5d9c3f;
	color: #505050;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
}