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



/* 本案例使用css样式 */
.left{ float:left;}
.right{ float:right;}
.device{ width:330px; height:auto; overflow:hidden; background:#fff;     padding-left: 25px;}
.device .scroll{ width:100%; height:460px; overflow:hidden; position:relative;}
.device .scroll ul{ position:absolute; left:0; top:0; height:460px; overflow:hidden;}
.device h2{ height:18px; line-height:18px; text-align:left; font-family:'MS Mincho'; font-size:12px; padding:5px 5px 10px 5px;}
.device h2 a{ display:block; float:left; padding-right:10px;color:#686363;}
.device ul{ overflow:hidden;}
.device ul li{ width:160px; height:84px; margin-right:10px; margin-bottom:0px; overflow:hidden; position:relative; float:left;}
.device ul li img{ width:160px; height:64px; position:absolute; left:0; top:0; z-index:10; background:url(/images/loading.gif) no-repeat center center;}
.device ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.device ul li a.link{ display:block; width:160px; height:24px; line-height:24px; text-align:center; color:#000; font-size:12px; position:absolute; left:0; bottom:0;opacity: 0.5;filter: alpha(opacity=50); z-index:20;}