<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>无标题文档</title>
<style type="text/css">
*{ margin:0; padding:0;}
#wrap{ width:980px; height:178px; margin:0 auto;}
#wrap ul li{ float:left; list-style:none; margin:10px 15px;}
#wrap ul li img{ box-shadow:0 5px 20px #999;}
.gray{ background:#000; opacity:0.6; width:100%; height:100%; position:fixed; left:0; top:0; display:none;}
.bigimg{ width:500px; height:340px; position:absolute; top:127px; left:449px; padding:10px; background:#fff; display:none;}
.btn1{ position:absolute; top:150px; left:-75px;}
.btn2{ position:absolute; top:150px; right:-75px;}
</style>