.hovereffect{float:left;overflow:hidden;position:relative;text-align:center;background:rgba(90,90,90,.75)}.hovereffect .overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;padding:50px 20px}.hovereffect img{display:block;position:relative;max-width:none;width:calc(100% + 20px);-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hovereffect:hover img{opacity:.5;filter:alpha(opacity=40);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hovereffect a,.hovereffect p{color:#fff;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.hovereffect span.underline:before{position:absolute;opacity:0;left:0;width:100%;height:2px;background:#fff;content:'';-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.hovereffect:hover a,.hovereffect:hover p,.hovereffect:hover span.underline:before{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}