.view_portfolio {

   margin: 10px;

   float: left;

   border: 10px solid #fff;

   overflow: hidden;

   position: relative;

   text-align: center;

   -webkit-box-shadow: 0 0 3px #E6E6E6;

   -moz-box-shadow: 0 0 3px #E6E6E6;

   box-shadow: 0 0 3px #E6E6E6;

   cursor: default;

   background: #fff url(./bgimg.jpg) repeat center center;

}

.view_portfolio .mask,.view_portfolio .content {

   position: absolute;

   overflow: hidden;

   top: 0;

   left: 0;

}

.view_portfolio img {

   display: block;

   position: relative;

}

.view_portfolio .port_title {

   color: #fff;

   text-align: center;

   position: relative;

   font-size: 17px!;

   padding: 1%;

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

   margin: 5% 0 0 0;

}

.view_portfolio p {

   font-family: Georgia, serif;

   font-style: italic;

   font-size: 12px;

   position: relative;

   color: #fff;

   padding: 1% 4% 2%;

   text-align: center;

   margin:10px 0 0!important;

}

.view_portfolio a.info {

   display: inline-block;

   text-decoration: none;

   padding: 3px 5px 2px;

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

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

   box-shadow: 0 0 1px #000;

   margin-top:10px!important;

   -webkit-transition: all 0.2s ease-in-out;

   -moz-transition: all 0.2s ease-in-out;

   -o-transition: all 0.2s ease-in-out;

   -ms-transition: all 0.2s ease-in-out;

   transition: all 0.2s ease-in-out;

}

.view_portfolio a.info: hover {

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

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

   box-shadow: 0 0 5px #000;

}