.vr-box {
	overflow:hidden;
	margin:0 0 10px 0;
}
.vr-box a {
	display:block;
	font-size:16px;
	color:#fff;
	width:131px;
	text-align:center;
	padding:8px 0px;
	background:rgba(210,38,51,1);
	margin:0 auto;
}
.vr-box a:hover {
	color:#fff;
}
.show-list {
	width:100%;
	margin:0% 0;
}
.show-list li {
	float:left;
	width:32%;
	background:#f5f5f5;
	margin:0 0.5% 1% 0.5%;
}
.show-list li .thumb {
	position:relative;
	max-height:363px;
	overflow:hidden;
}
.show-list li .thumb img {
	display:block;
	width:100%;
	transition:all 0.3s;
}
.show-list li .item {
	padding:5%;
}
.show-list li .item h3 {
	font-size:16px;
	color:#55504f;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
/*鼠标hover效果*/
.show-list li:hover .thumb img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.show-list li .thumb:after {
	display:none;
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1;
	transition:all 0.3s;
	background:rgba(0,0,0,0.2) url(../images/magnifier.svg) no-repeat center -500px/40px;
}
.show-list li:hover .thumb:after {
	display:block;
	background:rgba(0,0,0,0.1) url(../images/magnifier.svg) no-repeat center center/40px;
}

/*以下代码是自适应样式*/

@media screen and (max-width:1320px){}

@media screen and (max-width:1178px){
.show-list li{width:49.5%;margin: 0 0.25% 1% 0.25%;}
}


@media screen and (max-width:800px){
.show-list li{width:99.5%;margin: 3% 0.25% 1% 0.25%;}
.show-list li .item h3{font-size:14px;}
}