@charset "utf-8";
/* CSS Document */

.second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
}

.second-effect a.info {
   position:relative;
   top:-10px;
   opacity:0;
   transform:scale(0,0);
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   color:white;
}

.second-effect:hover .mask {
   opacity: 1;
   border:200px solid rgba(0,0,0,0.7);
}

.second-effect:hover a.info {
   opacity:1;
   transform:scale(3,3);
   transition-delay:0.3s;
}
.view {
   width:auto;
   height:auto;
   max-width: 359px;
   max-height: 239px;
   margin: 10px;
   float: left;
   border: 5px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}
.view .mask, .view .content {
   width: 359px;
   height: 239px;
   position: absolute;
   overflow: hidden;
   top: 0;
   padding-top:40px;
   left: 0;
}

.view img {
   display: block;
   position: relative;
}

.view a.info {
   background:url(images/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   vertical-align:middle;
   text-align:center;
}