.view {
	width: 218px;
	height: 248px;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-box-shadow: 2px 2px 2px #e6e6e6;
	-moz-box-shadow: 2px 2px 2px #e6e6e6;
	box-shadow: 2px 2px 2px #e6e6e6;
	cursor: default;
	background: #fff url(../images/bgimg.jpg) no-repeat center center;
	float: left;

}

.view .mask,.view .content {
	width: 218px;
	height: 248px;
	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: 16px;

	padding: 8px;

	background: rgba(0, 0, 0, 0.8);

	margin-top: 20px;

	margin-right: 0;

	margin-left: 0;

	margin-bottom: 0px;

	font-family: ebrima1, Arial, Helvetica, sans-serif;

	font-weight: bold;

}

.view p {

	font-family: Arial, Helvetica, sans-serif;

	font-style: italic;

	font-size: 12px;

	position: relative;

	color: #fff;

	padding: 10px 20px 20px;

	text-align: center;

}

.view a.info {

	display: inline-block;

	text-decoration: none;

	padding: 7px 14px;

	color: #fff;

	text-transform: uppercase;

	-webkit-box-shadow: 0 0 1px #000;

	-moz-box-shadow: 0 0 1px #000;

	box-shadow: 0 0 1px #000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	background-color: #FF6C00;

}

.view a.info: hover {

   -webkit-box-shadow: 0 0 5px #000;

   -moz-box-shadow: 0 0 5px #000;

   box-shadow: 0 0 5px #000;

}