@charset "utf-8";
*{ margin:0; padding:0; list-style:none;}
img{ border:0; cursor:pointer;}

.zzsc{ width:1200px; height:300px; margin:2px auto; position:relative; overflow:hidden;}
.zzsc:hover li{ background:#000;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.zzsc:hover img{ opacity:0.5;filter:alpha(opacity=50);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.zzsc li:hover img{ opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.zzsc01{ width:308px; height:300px; position:absolute; left:0; top:0;}
.zzsc02{ width:151px; height:150px; position:absolute; left:318px;top:0;}
.zzsc03{ width:151px; height:150px; position:absolute; left:479px;top:0;}
.zzsc04{ width:212px; height:150px; position:absolute; left:640px;top:0;}
.zzsc05{ width:338px; height:150px; position:absolute; right:0; top:0;}
.zzsc06{ width:262px; height:140px; position:absolute; left:318px; bottom:0;}
.zzsc07{ width:262px; height:140px; position:absolute; left:590px; bottom:0;}
.zzsc08{ width:164px; height:140px; position:absolute; right:174px;; bottom:0;}
.zzsc09{ width:164px; height:140px; position:absolute; right:0; bottom:0;}