#Main{}
#IItem{ float:left; text-align:center; width:320px; margin:10px 7px;}
#IItem img{border:#CCCCCC solid 1px; margin-bottom:5px; }
#IItem img:hover{border:#FF0000 solid 1px;}
#IInfo {clear:both; margin-left:20px; padding-top:30px;}
#IInfo dt{float:left; display:block; padding-right:30px;}
#IInfo dt img{border:#CCCCCC solid 1px; width:500px;}
#IInfo dt h1{margin:0 0 20px 0; padding:0; display:block; text-align:left;}
#IInfo .casedtwid{width:600px;}
.proimg{ margin:0; padding:15px;}

h1{text-align:center; padding-bottom:30px; font-weight:100; font-size:28px; padding-top:10px;}
.box12{width:1300px; margin:auto;}
.case_ul{text-align:center;}
.case_ul ul{display: inline-block;*display:inline;zoom:1;}
.case_ul li{float: left;position: relative;margin-left: 12px;margin-right: 7px; width: 380px; text-align:center; margin-bottom:30px; border:#c3d9c3 solid 1px;}
.case_ul li:hover{}
.case_ul li:hover img{transition:transform 1s ease;  transform:scale(1.10,1.10);-moz-transition:scale(1.10,1.10);-ms-transition:scale(1.10,1.10);-o-transition:scale(1.10,1.10);}
.case_img{width: 380px;height:300px;position: relative;overflow: hidden;}
.case_img b{width: 50px;height: 50px; font-weight:100; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px;background: url(../images/ico_case_i.png); z-index: 1;display: none;}
.case_ul li:hover .case_img i,.case_ul li:hover .case_img b{display: block;}
.case_ul li h3{font-size:16px;  margin-top:15px; height:50px; line-height:50px; font-weight:100; }
