.rift{position:relative;width:100%;height:auto;overflow:hidden;backface-visibility:hidden;backface-visibility:hidden;border-radius:4px 4px 0px 0px}.rift img{width:100%;height:100%}.rift .caption{position:absolute;top:50%;width:100%;height:60px;line-height:60px;margin:-30px 0 0 0;text-align:center;z-index:20}.rift span[class*="span"]{display:block;width:100%;height:50%;overflow:hidden;position:absolute;left:0;z-index:21;-webkit-transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;transition:transform .25s}.rift span.top-span{top:0;margin:0;border-radius:4px 4px 0px 0px}.rift span.btm-span{top:50%;margin:0}.rift:hover span.top-span{-webkit-transform:translate(0,-30px);-moz-transform:translate(0,-30px);transform:translate(0,-30px)}.rift:hover>span.btm-span{-webkit-transform:translate(0,30px);-moz-transform:translate(0,30px);transform:translate(0,30px)}.rift{display:inline-block;cursor:pointer;border-radius:4px 4px 0px 0px}.rift .caption{color:#fff;background:#c00c00}