@charset "utf-8";

a{text-decoration:none;color:#0084c7;font-weight:400}
a:hover{text-decoration:underline;color:#0084c7}
#header{margin-top:50px;text-align:center}
#header h1{font-size:24px;color:#0881f2}
#header h2{font-size:16px;color:#333}
#container{margin:50px auto;width:1000px}
.showcase{list-style:none;padding:0 0 40px 40px;height:244px}
.showcase li{float:left;width:285px;height:244px;overflow:hidden;margin:0 13px 0 0}
.showcase a{display:block;width:285px;height:244px;overflow:hidden;position:relative;text-decoration:none}
.showcase a img{width:500px;height:374px;margin:0 auto;position:absolute;left:-104px;top:-40px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
.showcase a:hover img{width:285px;height:213px;left:0;top:-10px}
.showcase a p{background:#0050a6;color:#fff;font-size:11px;padding:12px 20px;position:absolute;bottom:-100px;line-height:20px;display:block;width:245px;cursor:pointer;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
.showcase a:hover p{bottom:0;background:#0050a6}
.showcase a h3{font-size:13px;text-transform:uppercase;color:#fff;background:#207ce5;width:211px;padding:8px 10px;position:absolute;bottom:10px;cursor:pointer;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.showcase a:hover h3{bottom:94px;background:#207ce5}.showcase a h3 i{width:33px;height:26px;position:absolute;right:-34px;top:0;background:#59a214;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;font-size:18px;font-weight:400;text-align:center;padding:6px 0 0}.showcase .thumb2 a p,.showcase .thumb2 a h3{background:#f68b28}.showcase .thumb2 a:hover p,.showcase .thumb2 a:hover h3{background:#0050a6}.showcase .thumb2 a h3 i{background:#f68b28}.showcase .thumb2 a:hover h3 i{background:#f16b17}.showcase .thumb3 a p,.showcase .thumb3 a h3{background:#0065bb}.showcase .thumb3 a:hover p,.showcase .thumb3 a:hover h3{background:#0050a6}.showcase .thumb3 a h3 i{background:#0065bb}.showcase .thumb3 a:hover h3 i{background:#0046a2}