.view {
   width: 185px;
   height: 185px;
   margin: 0 1px 1px 0;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
  }
  
.view .mask, .view .content {
   width: 300px;
   height: 300px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view .content {
	width: 185px;
	height: 185px;
}

.view img {
   display: block;
   position: relative;
}
.view h2.ro {
	font-family: 'Oswald', Arial Narrow, verdana, sans-serif;
	  text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 15px;
     padding: 5px;
background: rgba(0, 0, 0, 0.7); 
 	  margin: 30px 0 0 0;
}

.view span.name-ro {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 13px;
	text-transform: none;
}
.view p.ro {
   font-family: 'Oswald', Arial, sans-serif;
	font-size: 20px;
   font-style: normal;
   font-size: 14px;
 position: relative; 
   color: #000;
   text-align: center;
}