.view {   width: 225px;   height: 160px;  /* margin: 10px; */   display:inline;   float: left;   border: 10px solid #fff;   overflow: hidden;   position: relative;   text-align: center;   -webkit-box-shadow: 1px 1px 2px #e6e6e6;   -moz-box-shadow: 1px 1px 2px #e6e6e6;   box-shadow: 1px 1px 2px #e6e6e6;   cursor: default;   background: #fff no-repeat center center;}.view .mask,.view .content {   width: 230px;   height: 210px;   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: 17px;   padding: 10px;   background: rgba(0, 0, 0, 0.8);   margin: 20px 0 0 0;}.view p {   font-family: Georgia, serif;   font-style: italic;   font-size: 16px;   position: relative;   color: #fff;   padding: 10px 20px 20px;   text-align: center;   font-weight:700;}.view a.info {   display: inline-block;   text-decoration: none;   padding: 7px 14px;   background: #000;   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;}.view a.info: hover {   -webkit-box-shadow: 0 0 5px #000;   -moz-box-shadow: 0 0 5px #000;   box-shadow: 0 0 5px #000;}