* { padding: 0; margin: 0; }
.none { display: none; }
.active { display: block; }
#mid { width: 200px; height: 200px; overflow: hidden; margin: 40px 0 0 10px; }
#mid img { width: 203px; height: 203px; }
.sml { width: 200px; margin: 30px 0 0 13px; border: 1px solid #ccc; text-align: center; }
.sml table { margin: 0 auto; }
.sml td { width: 54px; height: 54px; border: 1px #ccc solid; float: left; margin: 2px; }
.sml td img { cursor: pointer; width: 54px; height: 54px; }
#zoom { padding: 0 0 0 100px; }
#sig { height: 400px; overflow: hidden; position: relative; }
#close { position: absolute; right: 5px; top: 5px; cursor: pointer; }
#big { width: 400; height: 400px; float: right; overflow: hidden; }
#bml { width: 60px; height: 180px; margin: 100px 0 0 0; list-style-type: none; float: left; }
#bml li { width: 54px; height: 54px; border: 1px #ccc solid; margin: 2px; }
.pager{ text-align:center;}
.pager table{margin:0 auto;}