@charset "utf-8";

.gall_row figure{overflow:hidden;margin:0;max-width:100%;height:auto;background:#000;text-align:center;cursor:pointer}
.gall_row figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}
.gall_row figure figcaption{padding:20px;color:#fff;text-transform:uppercase;font-size:2em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.gall_row figure figcaption::before,.gall_row figure figcaption::after{pointer-events:none}
.gall_row figure figcaption,.gall_row figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}
.gall_row figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.gall_row figure .post-head{display:block;word-spacing:-0.15em;}
.gall_row figure .post-head,.gall_row figure .desc{margin:0}
.gall_row figure .desc{font-size:12px; background:#000;}

figure.bx-grandi{position:relative;background:#000}

figure.bx-grandi{background:#000}
figure.bx-grandi img{opacity:.7;-webkit-transition:opacity .35s;transition:opacity .35s}
figure.bx-grandi:hover img{opacity:.4}
figure.bx-grandi figcaption::before,figure.bx-grandi figcaption::after{position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
figure.bx-grandi figcaption::before{border-top:10px solid #ff0000;border-bottom:10px solid #ff0000;-webkit-transform:scale(0,1.5);transform:scale(0,1.5)}
figure.bx-grandi figcaption::after{border-right:10px solid #ff0000;border-left:10px solid #ff0000;-webkit-transform:scale(1.5,0);transform:scale(1.5,0)}

figure.bx-grandi .post-head{padding-top:30%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,0px,0)}

figure.bx-grandi .desc{margin:20px auto 0; font-size:13px; background:#222; width:120px; height:40px; line-height:40px; border-radius:20px; text-align:center; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,10px,0)}


figure.bx-grandi:hover figcaption::before,figure.bx-grandi:hover figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
figure.bx-grandi:hover .post-head{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.bx-grandi:hover .desc{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); background:#ff0000;}