#mainwrapper{font:10pt normal Arial,sans-serif;height:auto;margin:0px auto 0 auto;width:1000px;}#mainwrapper .box{border:5px solid #fff;cursor:pointer;height:122px;float:left;margin:5px;position:relative;overflow:hidden;width:180px;-webkit-box-shadow:1px 1px 1px 1px #ccc;-moz-box-shadow:1px 1px 1px 1px #ccc;box-shadow:1px 1px 1px 1px #ccc;}#mainwrapper .box img{position:absolute;left:0;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;transition:all 300ms ease-out;}#mainwrapper .box .caption{background-color:rgba(0,0,0,0.8);position:absolute;color:#fff;font-size:15px;z-index:100;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;transition:all 300ms ease-out;left:0;}#mainwrapper .box .fade-caption,#mainwrapper .box .scale-caption{opacity:0;width:166px;height:122px;padding:10px 10px 0px 10px;}#mainwrapper .box:hover .fade-caption,#mainwrapper .box:hover .scale-caption{opacity:0.9;}#mainwrapper .box:hover .slide-caption{background-color:rgba(0,0,0,1)!important;-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-webkit-transform:translateX(-100%);opacity:1;transform:translateX(-100%);}#mainwrapper .box:hover img#image-4{-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1;}#mainwrapper .box:hover .rotate{background-color:rgba(0,0,0,1)!important;-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}#mainwrapper .box:hover .scale-caption h3,#mainwrapper .box:hover .scale-caption p{-moz-transform:translateX(200px);-o-transform:translateX(200px);-webkit-transform:translateX(200px);transform:translateX(200px);text-align:center;}