﻿@charset "utf-8";
.casecontent{ width:1200px; margin:auto; height:auto; margin-top:25px;}
.casecontent ul li{ width:380px;  float:left; margin-right:28px; margin-bottom:55px; }
.casecontent ul li dl{ width:100%; padding:0; margin:0}
.casecontent ul li dl dt{ padding:0; margin:0;width:380px; height:245px;overflow:hidden; position:relative;}
.casecontent ul li dl dt img{ width:281px; height:442px; }
.casecontent ul li dl dt:hover img {opacity: 1;	-webkit-transform: scale(1.2,1.2);-webkit-transition-timing-function: ease-out;	-webkit-transition-duration: 500ms;	-moz-transform: scale(1.2,1.2);	-moz-transition-timing-function: ease-out;	-moz-transition-duration: 500ms; }
.casecontent ul li dl dt span{ padding:10px 18px; width:357px; display:none; position:absolute; left:0; bottom:0px; height:40px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; background:#000000; overflow:hidden;}
.casecontent ul li dl dt:hover span{ display:block; color:#fff; font-size:12px; z-index:1;}

.casecontent ul li.notright{ margin-right:0px;}
.casecontent ul li dl dd{ padding:0; margin:0; margin-top:5px;}
.casecontent ul li dl dd h3{ line-height:40px; height:40px; color:#666666; font-size:16px; font-weight:normal; border-bottom:1px solid #dbdbdb}
.casecontent ul li dl dd a{color:#666666;}
.casecontent ul li dl dd a:hover{ color:#eb6100}
.casecontent ul li dl dd div{ height:44px; width:100%; margin-top:12px; background:url(../images/casebg.jpg) no-repeat right 2px; line-height:20p