/**
 * 全站级样式库
 *
 * @author xinsea<hixinsea#gmail.com>
 * @date   2013-06-28
 * @link   http://www.xinsea.com/
 */

/**
 * Reset
 */
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{
	color:#000;
	background:#fff;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;
	padding:0;
	color: #B7AFA7;

}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
    display: inline-block;*display: inline;*zoom: 1;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{
	font:12px/1.5 tahoma,arial,\5b8b\4f53;
}
input,select,textarea{ font-size:100%; }

/* 去掉各Table  cell 的边距并让其边重合 */
table{ border-collapse:collapse;border-spacing:0; }

/* IE bug fixed: th 不继承 text-align*/
th{ text-align:inherit; }

/* 去除默认边框 */
fieldset,img{ border:0; }

/* ie6 7 8(q) bug 显示为行内表现 */
iframe{ display:block; }

/* 去掉 firefox 下此元素的边框 */
abbr,acronym{ border:0;font-variant:normal; }

/* 一致的 del 样式 */
del { text-decoration:line-through; }

address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:500; }

/* 去掉列表前的标识, li 会继承 */
ol,ul { list-style:none; }

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th { text-align:left; }

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:500; }

q:before,q:after { content:''; }

/* 统一上标和下标 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* 让链接在 hover 状态下显示下划线 */
a:hover { text-decoration:underline; }

/* 默认不显示下划线，保持页面简洁 */
a { text-decoration:none; }

/**
 * 清除浮动
 */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix { display:inline-block; }/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }/* End hide from IE-mac */

/**
 * Layout
 */
body { background:url(../images/body-bg.jpg) no-repeat center top;}
#page { width:1000px; margin:0 auto; border:1px solid #C8BDB0; border-top:0; background-color:#fff;}
#header { margin-bottom:20px; padding:30px 30px 0 230px;}
#content { padding:0 30px;}
#content .colsub { float:left; width:170px;}
#content .colmain { float:right; width:740px;}
#share { margin:30px 30px 0; padding:15px 0; border-top:1px solid #C8BDB0;}
#footer { padding:15px; text-align:center; height:100px; color:#7f7060;}

.w1200 #page { width:1200px;}
.w1200 #content .colmain { width:940px;}

/**
 * 烽塔
 */
#beacon {
    height:32px;
    padding:0 30px;
    border-bottom:1px solid #FCFBFA;
    background-color:#F5F1ED; color:#BBA58D;
    line-height:32px;
    text-align:right
}

/**
 * Header
 */
#header .logo { height:82px; margin-bottom:50px; background:url(../images/logo.png) no-repeat center center;}
#header .logo span { display:none;}



#header .nav { font-size:0; text-align:center;}
#header .nav li { display:inline-block; *display:inline; *zoom:1; padding:0 28px; border-right:1px solid #CCC9C2;}
#header .nav li a {font-size:12px; color:#CCC9C2;}
#header .nav li a:hover { color:#928679; text-decoration:none;}
#header .nav li a span { display:block; font-size:12px;}
#header .nav li.last { border-right:0;}
#header .nav li.cur a { color:#928679;}

#header form { margin-top:20px; font-size:0; text-align:right;}
#header form input,
#header form button { display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
#header form input { width:200px; height:18px; padding:4px; border:1px solid #B9AA9B; border-right:0; font-size:12px;}
#header form button { width:28px; height:28px; border:1px solid #B9AA9B; border-left:0; background:url(../images/btn-search.png) no-repeat; cursor:pointer; text-indent:-9999px;}

/**
 * ColSub
 */
.colsub dl { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #897B6B; line-height:26px;}
.colsub dt a { font-size:12px; color:#6B5A46;}
.colsub dd { padding-left:10px;}
.colsub dd a { color:#B9B1A9;}
.colsub li a { font-size:12px; color:#6B5A46; line-height:30px;}

.crumb { margin-bottom:15px;}
.crumb, .crumb a { color:#AEAAA7;}
.crumb span { margin:0 5px;}

.gallery { margin-bottom:10px;}

.piclist { width:940px; overflow:hidden;}
.piclist ul { width:940px;}
.piclist li { display:inline; float:left; margin:0 10px 10px 0;}
.piclist li img { display:block;}

.infolist { width:940px; overflow:hidden;}
.infolist ul { width:960px;}
.infolist li { display:inline; float:left; width:295px; margin:0 20px 20px 0; text-align:center;}
.infolist li em {
display: block;
margin: 5px 0;
text-align: center;
height: 36px;
overflow: hidden;
}
.infolist li img { display:block; width:295px; height:482px; border-width:1px;
border-style:solid;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border-color: #fff;
}
.infolist li a { color:#AEAAA7;}


.infolistf { width:940px; overflow:hidden;}
.infolistf ul { width:960px;}
.infolistf li { display:inline; float:left; width:295px; margin:0 20px 20px 0; text-align:center;}
.infolistf li em {
display: block;
margin: 5px 0;
text-align: center;
height: 36px;
overflow: hidden;
}
.infolistf li img { display:block; width:295px; height:295px; border-width:1px;
border-style:solid;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border-color: #fff;
}
.infolistf li a { color:#AEAAA7;}

.infolistc { width:940px; overflow:hidden;}
.infolistc ul { width:960px;}
.infolistc li { display:inline; float:left; width:220px; margin:0 20px 20px 0; text-align:center;}
.infolistc li em {
display: block;
margin: 5px 0;
text-align: center;
height: 36px;
overflow: hidden;
}
.infolistc li img { display:block; width:220px; height:340px; border-width:1px;
border-style:solid;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border-color: #fff;
}
.infolistc li a { color:#AEAAA7;}

.pager { margin-top:20px; text-align:center;}
.pager a { display:inline-block; *display:inline; *zoom:1; padding:0 10px; border-right:1px solid #CCC9C2; color:#AEAAA7;}
.pager a.next { padding-right:10px; border-right:0; background:url(../images/icon-row.png) no-repeat right center;}

.detail { padding-bottom:20px; border-bottom:1px solid #C8BDB0; overflow:hidden;}
.detail .pic { float:left;}
.detail .bigpic { width:420px; margin-bottom:4px; padding:7px; border:1px solid #E4E4E2;}
.detail .bigpic img { display:block; width:420px; height:580px;}

.detail .bigpic { position:relative;width:420px;height:580px; margin-bottom:4px; padding:7px; border:1px solid #E4E4E2;overflow:hidden;}
.detail .bigpic img { position:absolute;top:5;left:5;display:block; width:420px; height:580px;}
.detail .bigpic div{position:absolute;top:0px;left:0px;width:460px;height:680px;
	POSITION: absolute; WIDTH: 460px; HEIGHT: 580px; TOP: 0px; LEFT: 0px ;
     background:#fff;
     filter:alpha(opacity=1);       /* IE */
     -moz-opacity:0.01;             /*  Moz + FF */
     opacity: 0.01;
}


.detail .pic ul { width:450px;}
.detail .pic li { display:inline; float:left; margin:0 9px 4px 0; padding:4px; border:1px solid #E4E4E2;}
.detail .pic li img { display:block; width:70px; height:90px;}
.detail .info { overflow:hidden; zoom:1;}
.detail .info .hd { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #E4E4E2; overflow:hidden;}
.detail .info .hd h2 { margin-bottom:10px;}
.detail .info .hd em { float:left;}
.detail .info .hd a { float:right; height:28px; padding:0 20px; background:url(../images/btn-bg.png) repeat-x; line-height:28px; color:#fff;}
.detail .info .info-pic { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #E4E4E2; overflow:hidden;}
.detail .info .info-pic img { float:right;}
.detail .info .info-pic p,
.detail .info .info-pic li { line-height:30px;}
.detail .info .moreinfo { line-height:30px;}

.buying { display:inline-block; *display:inline; *zoom:1; margin:15px; color:#76716B;}

.otherproduct { padding:0 50px;}
.otherproduct h2 { margin-bottom:10px; color:#76716B;}
.otherlist {padding:10px; border:1px solid #C8BDB0; background:url(../images/bg-1.jpg) repeat-x; }
.otherlist .slide { padding:4px; border:1px solid #C8BDB0; background-color:#fff;}
.otherlist .slide img { width:74px; height:74px;}
.otherlist .bx-wrapper .bx-pager { display:none;}
.otherlist .bx-wrapper .bx-prev,
.otherlist .bx-wrapper .bx-prev:hover { left:-60px; width:32px; height:33px; background:url(../images/trgger-left.png) no-repeat;}
.otherlist .bx-wrapper .bx-next,
.otherlist .bx-wrapper .bx-next:hover{ right:-60px; width:32px; height:33px; background:url(../images/trgger-right.png) no-repeat;}
.zi_zz {
	font-size: 12px;
	line-height: 24px;
	color: #B7AFA7;
	text-decoration: none;
}
.zi_ddd {
	font-size: 12px;
	line-height: 20px;
	color: #BBA58D;
	text-decoration: none;
}

.bx-wrapper img { width:940px;}