@charset "utf-8";

.gall_row figure{overflow:hidden;margin:0;max-width:100%;height:auto;background:#3085a3;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:1.25em;-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;}

#bo_gall .gall_img a {position:relative;}
#bo_gall .gall_img a i{position:absolute;text-indent:-9999px;background:rgba(255,255,255,.7)}
#bo_gall .gall_img a:hover i.line1{width:4px;height:100%;bottom:0;left:0;animation:line1 2s infinite;-webkit-animation:line1 2s infinite;-moz-animation:line1 2s infinite}
#bo_gall .gall_img a:hover i.line2{width:100%;height:4px;top:0;left:0;animation:line2 2s infinite;-webkit-animation:line2 2s infinite;-moz-animation:line2 2s infinite}
#bo_gall .gall_img a:hover i.line3{width:4px;height:100%;top:0;right:0;animation:line3 2s infinite;-webkit-animation:line3 2s infinite;-moz-animation:line3 2s infinite}
#bo_gall .gall_img a:hover i.line4{width:100%;height:4px;bottom:0;right:0;animation:line4 2s infinite;-webkit-animation:line4 2s infinite;-moz-animation:line4 2s infinite}

#bo_gall .gall_img {overflow:hidden}
#bo_gall .gall_img a img {-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1.12);transform:scale(1.12)}
#bo_gall .gall_img a:hover img {opacity:1;-webkit-transform:scale(1);transform:scale(1)}

@keyframes line1 {
	0% { height:0; }
	25%, 100% { height:100%; }
}

@-webkit-keyframes line1 {
	0% { height:0; }
	25%, 100% { height:100%; }
}

@-moz-keyframes line1 {
	0% { height:0; }
	25%, 100% { height:100%; }
}

@keyframes line2 {
	0%, 25% { width:0; }
	50%, 100% { width:100%; }
}

@-webkit-keyframes line2 {
	0%, 25% { width:0; }
	50%, 100% { width:100%; }
}

@-moz-keyframes line2 {
	0%, 25% { width:0; }
	50%, 100% { width:100%; }
}

@keyframes line3 {
	0%, 50% { height:0; }
	75%, 100% { height:100%; }
}

@-webkit-keyframes line3 {
	0%, 50% { height:0; }
	75%, 100% { height:100%; }
}

@-moz-keyframes line3 {
	0%, 50% { height:0; }
	75%, 100% { height:100%; }
}

@keyframes line4 {
	0%, 75% { width:0; }
	100% { width:100%; }
}

@-webkit-keyframes line4 {
	0%, 75% { width:0; }
	100% { width:100%; }
}

@-moz-keyframes line4 {
	0%, 75% { width:0; }
	100% { width:100%; }
}