@charset "utf-8";.urun_box{float:left;width:20%;display:block!important;height:273px}
.grid{clear:both;float:left;list-style:outside none none;position:relative;width:100%;margin-top:2%;height:543px}
.grid figure{background:#000 none repeat scroll 0 0;cursor:pointer;float:left;height:auto;overflow:hidden;position:relative;text-align:center;width:100%}
.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}
.grid figure figcaption{padding:2em;color:#fff;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.grid figure figcaption{position:absolute;top:0;left:0;width:74%;height:64%;color:#fff}
.grid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff}
.effect-ming h2{color:#672c1e;font-size:25px;margin:30% auto 0;background-color:rgba(255,255,255,0.6);width:77%;padding:10px}
figure.effect-ming{background:#030c17}
figure.effect-ming img{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-ming:hover img{opacity:.4;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
figure.effect-ming figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:2px solid #fff;box-shadow:0 0 0 30px rgba(255,255,255,0.2);content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}
figure.effect-ming h2{margin:30% auto 0;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
figure.effect-ming:hover h2{margin:10% auto 0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
figure.effect-ming p{padding:1em;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:scale(1);transform:scale(1);margin-top:50px;font-size:18px;margin-left:10%;margin-right:10%;width:72%}
figure.effect-ming:hover p{margin-top:-12px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
figure.effect-ming:hover h2{-webkit-transform:scale(0.9);transform:scale(0.9)}
figure.effect-ming:hover figcaption::before,figure.effect-ming:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
figure.effect-ming:hover figcaption{background-color:rgba(58,52,42,0)}
figure.effect-ming:hover img{opacity:.4}