.view {width: 125px;height: 122px;margin: 6px;float: left;border: 3px solid #fff;overflow: hidden;position: relative;text-align: center;-webkit-box-shadow: 1px 1px 2px #c3c3c3;-moz-box-shadow: 1px 1px 2px #c3c3c3;box-shadow: 1px 1px 2px #c3c3c3;cursor: default;background: #fff url(../images/bgimg.jpg) no-repeat center center;margin-top:10px;padding:10px;}
.view .mask,.view .content {width: 150px;height: 140px;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: 12px;padding: 10px;background: rgba(0, 0, 0, 0.8);margin: 99px 0 0 0;font-family:Arial, Helvetica, sans-serif;}
.view p {font-family: Georgia, 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;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;}