.hovereffect,.hovereffect .overlay{width:100%;height:100%;overflow:hidden}.hovereffect{float:left;position:relative;text-align:center;cursor:default}.hovereffect .overlay{position:absolute;left:0;background-color:rgba(255,255,255,.7);top:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-out .1s;transition:all .3s ease-out .1s}.hovereffect:hover .overlay{opacity:1;filter:alpha(opacity=100);top:0;-webkit-transition-delay:0s;transition-delay:0s}.hovereffect img{display:block;position:relative}.hovereffect h2{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:17px;padding:10px;background:rgba(0,0,0,.8);-webkit-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition:all ease-in-out .1s;transition:all ease-in-out .1s;-webkit-transition-delay:.3s;transition-delay:.3s}.hovereffect:hover h2{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.3s;transition-delay:.3s}.hovereffect a.info{display:inline-block;text-decoration:none;padding:7px 14px;text-transform:uppercase;margin:50px 0 0;background-color:transparent;-webkit-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px);color:#000;border:1px solid #000;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s}.hovereffect a.info:hover{box-shadow:0 0 5px #fff}.hovereffect:hover a.info{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);box-shadow:0 0 5px #000;color:#000;border:1px solid #000;-webkit-transition-delay:.3s;transition-delay:.3s}