@media screen and (min-width:1080px) {
.view {
   	width:483px;
	height:296px;
	margin-bottom:10px;
   	overflow: hidden;
   	position: relative;
   	text-align: center;
   	cursor: pointer;
}
.view .mask {
   	width:465px;
	height:278px;
	margin:7px;
	background:none;
   	position: absolute;
   	overflow: hidden;
   	top: 0;
   	left: 0;
	border:2px solid #f04f1e;
}
.view img {
	width:483px;
   	display: block;
   	position: relative;
}
.view_banner {
   	width:188px;
	height:296px;
	margin-bottom:10px;
   	overflow: hidden;
   	position: relative;
   	text-align: center;
   	cursor: pointer;
}
.view_banner .mask {
   	width:170px;
	height:278px;
	margin:7px;
	background:none;
   	position: absolute;
   	overflow: hidden;
   	top: 0;
   	left: 0;
	border:2px solid #f04f1e;
}
.view_banner img {
	width:188px;
   	display: block;
   	position: relative;
}
}

@media screen and (max-width:1079px) {
.view {
   	width:100%;
	height:100%;
	margin-bottom:10px;
   	overflow: hidden;
   	position: relative;
   	text-align: center;
   	cursor: pointer;
}
.view .mask {
   	width:94%;
	height:90%;
	margin:2.5%;
	background:none;
   	position: absolute;
   	overflow: hidden;
   	top: 0;
   	left: 0;
	border:2px solid #f04f1e;
}
.view img {
	width:100%;
   	display: block;
   	position: relative;
}
.view_banner {
   	width:60%;
	height:100%;
	margin:0 auto;
	margin-bottom:20px;
   	overflow: hidden;
   	position: relative;
   	text-align: center;
   	cursor: pointer;
}
.view_banner .mask {
   	width:94%;
	height:95%;
	margin:2.5%;
	background:none;
   	position: absolute;
   	overflow: hidden;
   	top: 0;
   	left: 0;
	border:2px solid #f04f1e;
}
.view_banner img {
	width:100%;
   	display: block;
   	position: relative;
}
}