.slide-in .overlay,.slide-up .overlay{-webkit-transition:transform .5s ease-out;-o-transition:transform .5s ease-out}.corner-bottom .overlay,.corner-top .overlay,.flip .overlay,.rotate .overlay,.scale .overlay,.skew .overlay,.slide-down-delay .overlay,.slide-in .overlay,.slide-up .overlay{line-height:200px;color:#fff}@-webkit-keyframes zoom{from{-webkit-transform:scale(1,1)}to{-webkit-transform:scale(1.5,1.5)}}@keyframes zoom{from{transform:scale(1,1)}to{transform:scale(1.5,1.5)}}.carousel-inner .item>img{-webkit-animation:zoom 20s;animation:zoom 20s}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.box{display:block;width:100%;height:200px;overflow:hidden;background-color:#bbb;text-align:center;position:relative}.overlay{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0}.slide-in .overlay{background-color:#6addaa;transform:translateX(-100%);transition:transform .5s ease-out}.slide-in .box:hover .overlay{transform:translateX(0)}.slide-up .overlay{background-color:#3dcbe8;transform:translateY(100%);transition:transform .5s ease-out}.slide-up .box:hover .overlay{transform:translateY(0)}.slide-down-delay .overlay{background-color:#ee6f8c;transform:translateY(-100%);-webkit-transition:transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out}.slide-down-delay .box:hover .overlay{transform:translateY(0)}.slide-down-delay .overlay i{transform:translateY(-80%);opacity:0;-webkit-transition:transform .5s linear,opacity .5s linear .5s;-o-transition:transform .5s linear,opacity .5s linear .5s;transition:transform .5s linear,opacity .5s linear .5s}.slide-down-delay .box:hover .overlay i{transform:translateY(0);opacity:1}.rotate .overlay{background-color:#6d94bb;transform-origin:0 0;transform:rotate(90deg);-webkit-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out}.rotate .box:hover .overlay{transform:rotate(0)}.scale .overlay{background-color:#efcb5e;transform:translateX(210%) scale(3);-webkit-transition:transform .6s ease-in-out;-o-transition:transform .6s ease-in-out;transition:transform .6s ease-in-out}.scale .box:hover .overlay{transform:translateX(0) scale(1)}.flip .overlay{background-color:#009688;opacity:0;transform:rotateY(180deg);-webkit-transition:transform .6s ease-in-out .3s,opacity .3s ease-in-out;-o-transition:transform .6s ease-in-out .3s,opacity .3s ease-in-out;transition:transform .6s ease-in-out .3s,opacity .3s ease-in-out}.flip .box:hover .overlay{opacity:1;transform:rotateY(0)}.skew .overlay{background-color:#f44336;opacity:0;transform:skewX(-10deg);-webkit-transition:transform .3s ease-in-out,opacity .3s ease-in-out;-o-transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.skew .box:hover .overlay{transform:skewX(0);opacity:1}.corner-bottom .overlay{background-color:#9c27b0;transform:translate(100%,100%);-webkit-transition:transform .4s ease-in-out;-o-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out}.corner-bottom .box:hover .overlay{transform:translate(0,0)}.corner-top .overlay{background-color:#ff5722;transform:translate(-100%,-100%);-webkit-transition:transform .4s ease-in-out;-o-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out}.corner-top .box:hover .overlay{transform:translate(0,0)}