.view {
	width: 380px;
	height: 289px;
	margin: 10px;
	float: left;
	border: 1px solid #c5c5c5;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	/*background: #fff url(images/bgimg.jpg) no-repeat center center;*/
}
.view .mask,.view .content {
	width: 380px;
	height: 289px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view img {
	display: block;
	position: relative;
}
.view h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 18px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	margin: 60px 0 0 0;
}
.view p {
	font-size: 16px;
	position: relative;
	color: #fff;
	padding: 10px 20px 20px;
	text-align: center;
}


@media (min-device-width:1024px) and (max-width:509px),  (max-device-width:480px) and (orientation:portrait) {

.view {
	width: 280px;
	height: 213px;
}
.view .mask,.view .content {
	width: 280px;
	height: 213px;
}

.view img {
	display: block;
	position: relative;
}

}