.contentTittle{
	color:#000;
	width:55%;
	font-size: 22px;
	margin:60px auto 0;
	border-left:3px solid #FFD700;
	padding-left:5px;
}
.content{
	width:1050px;
	min-height: 660px;
	margin:45px auto 0;
	overflow: hidden;
}

.content>a{
	float:left;
	width:27%;
	height:264px;
	margin: 2.5%;
	position: relative;
	overflow: hidden;
	border:1px solid #E0E0E0;
	border-radius: 5px;
	float:left;
}
.contentItem{
	width:100%;

}
.contentImg{
	width: 223px;
    height: 223px;
    margin: 0 auto;
}
.contentImg img{
	width:100%;
	height:100%;
}
.contentTxt{
	width:100%;
	border-top:2px solid #ccc;
	text-align: center;
	padding:5px 0;
}
.contentTxt span{
	display: inline-block;
	width:80%;
	max-height:22px;
	font-size: 14px;
	overflow:hidden;
	text-align: center;
	margin-top:4px;
}

.reverseContent{
	width:100%;
	height:100%;
	border-radius: 5px;
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	text-align: right;
	opacity: .8;
	margin-top:220%;
	/*background:#fff;*/
	/*transform:rotateY(90deg)*/
}
.reverseContent img{
    margin-top: 60%;
    /* transform: translateY(-50%); */
    border-radius: 6px;
    width: 120px;
}
.content a:hover .reverseContent{
	/*transform:rotateY(0deg);*/
	/*background: linear-gradient(to bottom, #ccc, #000);*/
	margin-top:0;
	transition: all .5s;
}
.footer{
	min-width: 1200px;
	text-align: center;
}