@charset "utf-8";
/* 代码整理：懒人之家 www.lanrenzhijia.com */
*{ margin:0; padding:0; list-style:none;}
img{ border:0;}
a{ color:#2e2e2e; text-decoration:none;}
a:hover{ text-decoration:underline; color:#000;}



/* 本案例使用css样式 */
.left{ float:left;}
.right{ float:right;}
.device{ width:980px; height:auto; overflow:hidden; margin:0 auto; background:#fff; padding:10px;}
.device .scroll{ width:100%; height:210px; overflow:hidden; position:relative;}
.device .scroll ul{ position:absolute; left:0; top:0; height:220px; overflow:hidden;}
.device h2{ height:18px; line-height:18px; text-align:left; 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:78px; height:78px; margin-right:10px; margin-bottom:10px; overflow:hidden; position:relative; float:left;}
.device ul li img{ width:78px; height:78px; position:absolute; left:4px; top:4px; z-index:10; background:url(http://www.lanrenzhijia.com/demo/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:#fff; font-size:12px; position:absolute; left:0; bottom:0; background:url(http://demo.lanrenzhijia.com/2014/pic1203/images/dot.png) repeat;z-index:20;}