.ds-hover5-wrapper{position:relative;color:rgba(0,0,0,0);width:100%}.ds-hover5 h2{position:absolute;z-index:1;top:20px;left:20px;font-size:30px;color:#fff;background-color:#000;padding:5px;-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75}.ds-hover5 p{color:#000}.ds-hover5-wrapper:hover .ds-hover5 h2{-webkit-opacity:0;-moz-opacity:0;opacity:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}figure.ds-hover5{margin:0;padding:0;display:inline-block;line-height:0;position:relative;overflow:hidden}figure.ds-hover5 img{display:block}figure.ds-hover5 figcaption a{text-decoration:none}figure.ds-hover5::before,figure.ds-hover5::after{content:'';width:100%;height:100%;display:block;background:black;position:absolute;opacity:0.3;top:0;left 0;-moz-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s}figure.ds-hover5 figcaption{position:absolute;display:block;line-height:1.7em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;background:rgba(255,255,255,0.75);padding:10px;z-index:100;width:50%;max-height:100%;overflow:hidden;top:50%;left:0;-moz-transform:translate3d(-100%,-50%,0);-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0);opacity:0;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s}figure.ds-hover5:hover::before{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.ds-hover5:hover figcaption{opacity:1;-moz-transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;-moz-transition-delay:0.5s;-webkit-transition-delay:0.5s;transition-delay:0.5s}