@CHARSET "UTF-8";

.item {
	margin-top: 60px
}

.item .avatar {
	width: 234px
}

.item .desc {
	width: 558px;
	display: table-cell;
	vertical-align: middle
}

.item .desc h2 {
	font-size: 28px;
	color: #333;
	font-family: sans-serif
}

.item .desc .line {
	width: 56px;
	height: 2px;
	background: #333
}

.item .desc h3 {
	padding-top: 10px;
	color: #424242;
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 10px
}

.item .desc p {
	color: #757575
}

.item.left .avatar {
	float: left
}

.item.left .desc {
	float: right
}

.item.right .avatar {
	float: right
}

.item.right .desc {
	float: left
}

.clearfix {
	*zoom: 1
}

.clearfix:before,.clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}