.boxgrid{ 
				text-align:center;
				width: 419px; 
				height: 357px; 
				margin:14px; 
				float:left; 
				
				background:#161613; 
				/*border: solid 2px #8399AF; */
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 				
				height: 100%; 
				width: 100%; 
				/*background: #000; 
				opacity: .5; */
				/* For IE 5-7 */
				/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);*/
				/* For IE 8 */
				/*-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
 			}
 				.captionfull .boxcaption, .gall_text_href {
 					top:0;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 0;
 					left: 0;
 				}

.boxcaption h3 {padding:0px 10px;color:#fff}
.boxcaption p a {color:#fff}
.gall_text_href {display:block; position:absolute; z-index:100;color:#fff; text-align:center;}
.gall_li_tit {padding:5px 10px;font-size:14px; font-weight:600; border:1px solid #fff; opacity:1; display:inline-block;}
.gall_text_href a {color:#fff;opacity:1;}

.wrap-grandi {margin:10px 10px; display:inline-block;}
.wrap-grandi:after {display:block;visibility:hidden;clear:both;content:""}
.bx-grandi{position:relative;float:left;margin:0;min-width:419px;max-width:419px;overflow:hidden;height: 357px;width:100%;color:#fff;text-align:center;background-color:#000;font-size:16px}
.bx-grandi *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}
.bx-grandi img{position:relative;max-width:100%;vertical-align:top}
.bx-grandi figcaption{position:absolute;top:0;right:0;width:100%;height:100%;z-index:1;opacity:0;padding:20px 30px}
.bx-grandi figcaption:before,.bx-grandi figcaption:after{width:1px;height:0}
.bx-grandi figcaption:before{right:0;top:0}
.bx-grandi figcaption:after{left:0;bottom:0}
.bx-grandi h3,.bx-grandi p{line-height:1.5em}
.bx-grandi h3{margin:0 0 5px;font-weight:400;color:#fff;text-transform:uppercase}
.bx-grandi p{color:#fff;font-size:.8em;font-weight:500;margin:15px 0 0 0 }
.bx-grandi a{position:absolute;top:0;bottom:0;right:0;left:0;z-index:1}
.bx-grandi:before,.bx-grandi:after,.bx-grandi figcaption:before,.bx-grandi figcaption:after{position:absolute;content:'';background-color:#fff;z-index:1;-webkit-transition:all .4s ease-in;transition:all .4s ease-in;opacity:.8}
.bx-grandi:before,.bx-grandi:after{height:1px;width:0}
.bx-grandi:before{top:0;left:0}
.bx-grandi:after{bottom:0;right:0}
.bx-grandi:hover img,.bx-grandi.hover img{opacity:.4}
.bx-grandi:hover figcaption,.bx-grandi.hover figcaption{opacity:1}
.bx-grandi:hover figcaption:before,.bx-grandi.hover figcaption:before,.bx-grandi:hover figcaption:after,.bx-grandi.hover figcaption:after{height:100%}
.bx-grandi:hover:before,.bx-grandi.hover:before,.bx-grandi:hover:after,.bx-grandi.hover:after{width:100%}
.bx-grandi:hover:before,.bx-grandi.hover:before,.bx-grandi:hover:after,.bx-grandi.hover:after,.bx-grandi:hover figcaption:before,.bx-grandi.hover figcaption:before,.bx-grandi:hover figcaption:after,.bx-grandi.hover figcaption:after{opacity:.1}
.main_cen {display:table; height:100%; margin:0 auto;}
.main_cen2 {display:table-cell;vertical-align: middle;}

@media(max-width:430px){
	.wrap-grandi {margin:10px 0; }
	.bx-grandi {min-width:330px; max-width:330px; height:281px;}
}