﻿@CHARSET "UTF-8";
.thumbpic{ width:500px; margin:0px auto 15px; display:block; clear:both; overflow:hidden;}
#piclist{width:460px; height:86px; overflow:hidden; float:left;}
#piclist ul {list-style:none; width:20000px; overflow:hidden;}
#piclist ul li {background: url("ico_none.gif") no-repeat bottom center; width:86px; height:86px; margin:0 3px; float:left; position:relative; cursor:pointer;}
#piclist ul li img {width:78px; height:58px; margin-top:25px; margin-left:4px; }
#piclist ul li.hover {background: url("ico_bg.gif") no-repeat bottom center; height: 86px;}
#piclist ul li tt {background:rgb(0, 0, 0); padding:0px 5px; color:rgb(255, 255, 255); line-height: 16px; font-family: arial; font-size: 12px; position: absolute; left:4px; bottom:4px; z-index:20;}
.thumbpic a.bntprev {background:url("ico_left.png") no-repeat left 32px; width:20px; height:86px; float:left; display:block;}
.thumbpic a.bntnext {background:url("ico_right.png") no-repeat left 32px; width:20px; height:86px; float:left; display:block;}
#originalpic{ width:720px; height:100%; text-align:center; overflow:hidden; clear:both; position:relative; zoom:1;}
#originalpic img{ max-width:720px; margin:10px 0px; display:none; position:relative;}
#aPrev {background:url("blank.gif"); left:0px; top:0px; width:50%; height:100%; display:block; position:absolute; z-index:1000;}
#aNext {background:url("blank.gif"); right:0px; top:0px; width:50%; height:100%; display:block; position:absolute; z-index:1000;}


