/* pro img hover */
.view { width:222px; height: 150px;border: 1px solid #ccc; overflow: hidden; position: relative; text-align: center;/* box-shadow: 0px 0px 5px rgb(170, 170, 170); */cursor: default; display:table-cell;vertical-align:middle;text-align:center;}
.view .mask, .view .content {width:222px; height:150px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view img { display: block; position: relative;vertical-align:middle; margin:auto;}


.view a.info {/*background: url('../images/link.png') no-repeat scroll center center transparent;*/display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 222px; height: 150px;}
.view a:hover{ width:222px; height:150px;}
.third-effect .mask { opacity: 0; overflow: visible; border:75px solid rgba(0, 0, 0, 0.7); box-sizing: border-box; transition: all 0.4s ease-in-out 0s; }
.third-effect a.info { position: relative; top: -10px; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }
.third-effect:hover .mask {opacity: 1; border: 80px solid rgba(0, 0, 0, 0.7); }
.third-effect:hover a.info { opacity: 1; transition-delay: 0.3s; }



/* FIFTH EFFECTS */
.fifth-effect img {
	opacity:0.2;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.fifth-effect .mask {
   cursor:pointer;
   opacity:1;
   visibility:visible;
   border:100px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -moz-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   -webkit-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   -o-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   -ms-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
}
.fifth-effect:hover .mask {
	border:0px double rgba(0,0,0,0.7);
	opacity:0;
	visibility:hidden;
}
.fifth-effect:hover img {
	opacity:1;
}