.caseList{ width:100%; height:auto; position:relative; overflow:hidden;}
.caseList ul{ width:1200px; height:auto; margin:auto; overflow:hidden;}
.caseList li{ width:276px; height:356px; float:left; background:#e0e1e4; margin:0px 20px 0 0; position:relative; overflow:hidden;}
.caseList li .caseThum{ width:276px; height:356px; position:relative; overflow:hidden;}
.caseList li .caseThum img{ position:absolute; left:0; top:0; -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.caseList li .caseName{ width:270px; height:40px; text-align:left; padding:0 0 0 10px; line-height:50px;  font-size:24px; font-weight:bold; color:#111; border-bottom:0px solid #ffffff; overflow: hidden;}
.caseList li .caseBottom{ width:276px; height:160px; position:absolute; left:0px; bottom:0; -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
.caseList li .caseInfo{ width:270px; height:120px; color:#666; font-size:15px; padding:5px 20px 10px 10px; line-height:150%; }
.caseList li .caseInfo .caseIcon{ width:35px; padding-left:25px; height:15px; float:left; font-size:8px; line-height:15px; margin-top:20px; margin-left:10px;}
.caseList li .caseInfo .caseIcon.ll{ background:url(../images/icons.png) -20px 0px no-repeat;}
.caseList li .caseInfo .caseIcon.pl{ display: none;}
.caseList li .caseInfo .caseTime{ width:100px; height:15px; float:right; margin-top:20px; font-size:8px; line-height:15px; text-align:right; margin-right:10px;}
.caseList li:hover .caseBottom{ bottom:8px; height:160px; background:#0066cc; color: #fff;}
.caseList li:hover .caseBottom .caseName,.caseList li:hover .caseInfo{ color: #fff;}
.caseList li:hover .caseBottom .caseName{ color:#fff;}
.caseList li:hover .caseThum img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.caseList li:hover .caseInfo .caseIcon.ll{ background-position: -20px 0px;}