@charset "utf-8";
#content {width:980px; overflow:hidden; text-align:left;}
#product {position:absolute;z-index:100;padding:15px;width:810px;height:654px;border:solid 1px #E2DED4;text-align: left;}
#pheader{ height:20px;}
#pheader .logo{ float:left; }
#pheader .close{ float:right; padding-right:10px; width:30px; }
#pheader .close a{ display:block;padding-right:10px; width:30px;background:url(../images/icon/close.gif) no-repeat top right;}

#pcontent{ margin:15px 0 15px 0; text-align:left; height:600px;}
* html #pcontent{ margin:15px 0 15px 0; text-align:left; height:590px;}
#pcontent #pimg{ float:left; width:525px;}
#pimg a{cursor: url(../images/icon/zoomin.cur), default;}
#pcontent #pinfo{ float:right; width:269px;}
#pcontent #ptool { position:absolute; z-index:1000; top:0; left:0;}
#ptool span{ width:50px; height:50px; background-color:#FFFF00; color:#000000;}

#pinfo div{ margin-bottom:20px;}
#pinfo div h2{ font-size:14px; font-weight:700;}

#name{ font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:700; margin:0;}
#author{ font-size:14px; font-weight:700;}
#desc{ margin: 5px 0 5px 0; line-height:150%; font-family:Arial, Helvetica, sans-serif; }.

#pbase{ margin:10px 0 10px 0;}
#pbase li{ line-height:25px;}
#pbase li span{ float:right;}

#pcolor { margin:10px 0 10px 0; list-style:none;}
#pcolor li{ float:left; line-height:25px; margin-right:10px;}

#pshow { margin:10px 0 10px 0; height:60px;}
#pshow li{ float:left; margin-right:10px; text-align:center; }
#pshow li a {display:block; border:solid 1px #E2DED4; width:56px;  height:56px;  }
#pshow li a:hover { border:solid 1px #C1BCB0; }
#pshow li a img{}

.cartarea{}
.cartarea ul li{line-height:25px;}
.cartarea select{ border:solid 1px #E2DED4; }
#size{ margin-left:10px; width:50px;}
#num{ margin-left:10px; width:50px;}
.viewsize{ display:block; float:right;background:url(../images/icon/size.png) no-repeat; width:96px; height:21px;z-index:1;}
.viewsize span{z-index:0; display:none;}
#addcart{cursor:pointer; color:#FFFFFF;font-size:14px; font-weight:700;width:210px; height:45px; margin:15px 0 15px 0; background:url(../images/icon/addcart.jpg) no-repeat;}
#addcomment{cursor:pointer; color:#FFFFFF;font-size:14px; font-weight:700; width:210px; height:45px; background:url(../images/icon/addcomment.jpg) no-repeat;}
#addfavor{cursor:pointer; color:#FFFFFF;font-size:14px; font-weight:700; width:210px; height:45px; background:url(../images/icon/addcomment.jpg) no-repeat;}

#pfooter{ font-weight:400;}

#salemark { position: absolute; margin:676px 195px 0 195px; width:105px; height:104px; background:url(../images/icon/productsalemark.gif) no-repeat;}
.salemark {background:url(../images/icon/productsalemark.gif) no-repeat right bottom;}
.dottedborder { border-bottom:dotted 1px;}
#big{position: absolute;float:right;z-index:-1;height:832px;overflow:hidden;}
#big img{position:absolute;top:100px;left:100px;}
#bigimg {position: absolute; z-index:99;width:841px; height:685px; overflow:hidden; background-color:#FFFFFF; cursor:pointer;}
#bigimg div {position:absolute;}
.blank {width:840px; height:700px;background:url(../images/icon/blank.gif) repeat;}
.zoom {text-align:left;cursor: url(../images/icon/zoomout.cur), default;}
.zoom img{ position:absolute;left:0;top:0;}


#viewTool{display:none;position: fixed;height:60px;width:120px;z-index:103;top: 30%;left: 33%;margin: -6px 0 0 0px;text-align:left;background:#494949;}
#viewTool a{display:block;float:left;width:58px;height:18px;margin:1px;text-align:center;padding-top:40px;text-decoration:none;}
#viewTool a:hover{color:#000000;}
#viewTool .zoomin{background:url(../images/icon/view_zoom.png) left top;}
.zoomin a{background:url(../images/icon/view_zoom.png) 0 -60px;}
#viewTool .back{background:url(../images/icon/view_zoom.png) -60px 0;}
* html #ptool { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#switch {position: absolute; z-index:99;width:920px; overflow:hidden; text-align:left; margin-left:-39px; margin-top:300px;}
* html #switch {position: absolute; z-index:99;width:960px; overflow:hidden; text-align:left; margin-left:-59px; margin-top:300px;}
#switch #left{width:26px;height:40px;float:left;background:url(../images/icon/left.png) no-repeat;}
* html #switch #left{width:48px;height:48px;float:left;background:url(../images/icon/prev.jpg) no-repeat left;}
#left span{display:none;}
#switch #right{float:right;width:26px;height:40px;background:url(../images/icon/right.png) no-repeat right;}
* html #switch #right{width:48px;height:48px;float:right;background:url(../images/icon/next.jpg) no-repeat right;}
#right span{display:none;}