.boxgrid{ 
				width: 255px; 
				height: 327px; 
				margin:10px; 
				float:left; 
				background:#fff; 
				border: solid 1px #f3f3f3; 
				overflow: hidden; 
				position: relative; 
				box-sizing: border-box; 
			}
				.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; 
				background: #fff; 
				height: 150px; 
				width: 100%;
				top:175px;
				opacity: 1; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 			}
 				.captionfull .boxcaption {
 					top:0;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 175px;
 					left: 0;
 				}
			.latest_wrap{position: absolute; left:0; top:-15px; background:#00AEEF; padding:5px 15px; color:#ffffff; font-size:16px;letter-spacing:-0.05em; font-weight:bold}

.boxcaption h3 {padding:30px 25px 30px 25px ;color:#333; font-size:20px; font-weight:700}
.boxcaption p {padding:0 25px 10px 25px; color:#666}
.date_n{position: absolute; bottom:0;  width:100%;height:40px; background:#fff; box-sizing: border-box;  }
.date_n p{color:#666666;font-size:15px; line-height:40px;padding:0 20px 0 40px;background:url('/images/main/main_date_icon.jpg') no-repeat 25px 15px }


.effect-julia img {
	max-width: none;
	height: 175px;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.effect-julia:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);