.product {
	margin: 40px auto;
	color: #666;
}
.productList{
	display: flex;
    transition-property: transform;
    box-sizing: content-box;
    justify-content: space-between;
    flex-wrap: wrap;
}

.productList li {
	position:relative;
	/*padding: 10px;*/
	background-color: #efefef;
	overflow: hidden;
}
.productList li{
	width:296px;
	height:310px;
    overflow: hidden;
	margin-bottom:16px;
	border: 1px solid #f1f1f1;
}
.productList li img {
	transition: all 0.5s; 
	width:296px;
	height:268px;
	object-fit: cover;
}
.productList li img:hover {
    transform: scale(1.1);
}
.productList li .title {	
	position:absolute;
	display: block;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	background:#f1f1f1;
	color: #666;
	width: 100%;
    bottom: 0px;
	font-size:18px;
	text-align: center;	
	margin:0 auto;
}
.productList li.mhover,
.productList li:hover {		
	color: #fff;		
	background:#ff8648;
}
.productList li.mhover p,
.productList li:hover p,
.productList li.mhover .title,
.productList li:hover .title {		
	color: #fff;	
	background:#ff691c;
}
.productList li.mhover .btn a,
.productList li:hover .btn a {	
	background: rgba(215, 22, 25, 1);
	color: #fff;
}