.grid{margin:0 auto;list-style:none;text-align:center}.grid li{display:inline-block;margin:5px;padding:0;text-align:left;position:relative}.grid div.figure{margin:0;position:relative;border:5px solid #FFF;box-shadow:1px 1px 5px rgba(0,0,0,.1)}.grid div.figure img{max-width:100%;width:100%;display:block;position:relative;border:1px solid #EEE}.grid div.lookInner{position:absolute;top:0;left:0;padding:20px;background:#49bdee;color:#ed4e6e}.grid div.lookInner h3{margin:0;padding:0;color:#fff;margin-bottom:15px;font-size:15px}.grid div.lookInner span{font-size:13px;color:#fff}.grid div.lookInner a{background:none repeat scroll 0 0 #404040;border:2px solid #FFF;border-radius:2px;box-shadow:1px 1px 5px rgba(0,0,0,.1);color:#FFF;display:inline-block;padding:5px 10px;text-align:center}.cs-style-4 li{-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:0 50%;-moz-perspective-origin:0 50%;perspective-origin:0 50%;width:250px}.cs-style-4 div.figure{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.cs-style-4 div.figure>div{overflow:hidden}.cs-style-4 div.figure img{-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s}.cs-style-4 div.figure.cs-hover img,.no-touch .cs-style-4 div.figure:hover img{-webkit-transform:translateX(25%);-moz-transform:translateX(25%);-ms-transform:translateX(25%);transform:translateX(25%)}.cs-style-4 div.lookInner{height:100%;width:100%;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transition:-webkit-transform .4s,opacity .1s .3s;-moz-transition:-moz-transform .4s,opacity .1s .3s;transition:transform .4s,opacity .1s .3s}.cs-style-4 div.figure.cs-hover div.lookInner,.no-touch .cs-style-4 div.figure:hover div.lookInner{opacity:1;-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition:-webkit-transform .4s,opacity .1s;-moz-transition:-moz-transform .4s,opacity .1s;transition:transform .4s,opacity .1s}.cs-style-4 div.lookInner a.leftquick{position:absolute;bottom:20px;left:20px}.cs-style-4 div.lookInner a.rightquick{position:absolute;bottom:20px;right:20px}@media screen and (max-width:31.5em){.grid{padding:10px 10px 100px}.grid li{width:100%;min-width:300px}}