.case { height:300px; overflow:hidden; position:relative; display:inline-block; margin:10px 5px 0 5px; }
.case>div.prod_image { position:absolute; }
.case>div.prod_image>.proj_image { display:inline-block; height:100%; width:100%; background-repeat:no-repeat; background-position:50% 50%; }
.case .content { text-align:justify; text-justify:distribute; }
.case .content h4 { text-align:left; }
.case.x1_top { width:240px; }
.case.x1_top>div.prod_image { width:240px; height:145px; top:0; left:0; }
.case.x1_top .content { width:240px; height:100%; padding:155px 10px 10px 10px; }
.case.x1_bottom { width:240px; }
.case.x1_bottom>div.prod_image { width:240px; height:145px; bottom:0; left:0; }
.case.x1_bottom .content { width:240px; height:100%; padding:10px 10px 10px 10px; }
.case.x2_left { width:490px; }
.case.x2_left>div.prod_image { width:240px; height:300px; top:0; left:0; }
.case.x2_left .content { width:490px; height:100%; padding:10px 10px 10px 250px; }
.case.x2_right { width:490px; }
.case.x2_right>div.prod_image { width:240px; height:300px; top:0; right:0; }
.case.x2_right .content { width:250px; height:100%; padding:10px 20px 10px 10px; }
.case.x2_top { width:490px; }
.case.x2_top>div.prod_image { width:490px; height:145px; top:0; left:0; }
.case.x2_top .content { width:490px; height:100%; padding:155px 10px 10px 10px; }
.case.x2_bottom { width:490px; }
.case.x2_bottom>div.prod_image { width:490px; height:145px; bottom:0; left:0; }
.case.x2_bottom .content { width:490px; height:100%; padding:10px 10px 10px 10px; }
.content h4 { margin:7px 0; }

.prod_row { min-height:400px; }
.prod_row>span { display:inline-block; }
.prod_row .cont-img { max-width:500px; max-height:400px; width:100%; }
.prod_row .cont-video { max-width:500px; height:400px; width:100%; }
.prod_row .cont-txt { max-width:500px; background:#fff; min-height:400px; text-align:left; padding:0 20px; }
.prod_row .img_center { text-align:center; }
.prod_row .img_center>img { margin-top:20px; }
@media (max-width: 499px){
	.prod_row>span { width:100%; }
	.prod_row .cont-img img { width:100%; }
}
@media (min-width: 1000px){
	.prod_row { width:1000px; margin:0 auto; clear:both; }
	.prod_row.odd .cont-img { float:left; }
	.prod_row.odd .cont-txt { float:right; }
	.prod_row.even .cont-img { float:right; }
	.prod_row.even .cont-txt { float:left; }
}