.view {

    cursor: default;

    overflow: hidden;

    position: relative;

    text-align: center;

}

.view .mask,.view .content {

   position: absolute;

   overflow: hidden;

   top: 0;

   left: 0;

   height: 100%;

}

.view img {

   display: block;

   position: relative;

}

.view h2 {

   text-transform: uppercase;

   color: #fff !important;

   text-align: center;

   position: relative;

   font-size: 17px;

   padding: 10px;

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

   font-weight: bold;

   margin: 20px 0 0 0;

}

.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 !important;

   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;

}