@charset "utf-8";
/**
	参考淘宝的栅格布局控制
	区别：
		淘宝的页面内容宽度为950
		商桥的页面内容宽度为1200	
**/
/* 居中 */
#bd .dc-layout {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#bd {
	position: relative;
	overflow: hidden;
}

#ft {
	overflow: hidden;
}

/*提高优先级，覆盖detail hd样式*/
#content #hd {
	max-height: 180px;
	/*必须注释这个，否则下拉菜单不出来*/
	/*overflow: hidden;*/
	padding-bottom: 0;
	position: relative;
	z-index: 100;
}

/*将头部的下边距放到hd中 设计师可以通过覆盖来决定是不是要这个10px*/
#hd { /**margin-bottom: 10px;*/
	
}

/** 布局基础样式 **/
.col-main {
	float: left;
	width: 100%;
	/* bug fix: 主栏没有内容时，在 Firefox 和 Chrome 等浏览器下，布局不对 */
	min-height: 1px;
}

.col-sub,.col-extra {
	float: left;
	/*position: relative;  按需设置，仅在需要时添加 */
}

/** 清除浮动，注：包含模块级的浮动清除 **/
.dc-layout:after,.main-wrap:after,.col-sub:after,.col-extra:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
}

.dc-layout,.main-wrap,.col-sub,.col-extra {
	*zoom: 1;
}

/*
dcmall采用了 6 种栅格布局：
1200                  .grid-m
232    958           .grid-s5m0
958    232           .grid-m0s5
暂时不支持 一行三栏的布局
190    550    190    .grid-s5m0e5
190    550    190    .grid-e5m0s5
550    190    190    .grid-m0e5s5
*/

/** 两栏布局 **/
.grid-s5m0 .main-wrap {
	margin-left: 242px;
}

.grid-s5m0 .col-sub {
	width: 232px;
	margin-left: -100%;
}

.grid-m0s5 .main-wrap {
	margin-right: 242px;
}

.grid-m0s5 .col-sub {
	width: 232px;
	margin-left: -232px;
}

/** 三栏布局, 支持s5\m0\e5 的6种组合 **/
/** 暂时不支持 **/
/*.grid-s5m0e5 .main-wrap { margin: 0 200px 0 200px; }
.grid-s5m0e5 .col-sub { width: 190px; margin-left: -100%; }
.grid-s5m0e5 .col-extra { width: 190px; margin-left: -190px; }

.grid-e5m0s5 .main-wrap { margin: 0 200px 0 200px; }
.grid-e5m0s5 .col-sub { width: 190px; margin-left: -190px; }
.grid-e5m0s5 .col-extra { width: 190px; margin-left: -100%; }

.grid-m0s5e5 .main-wrap { margin-right: 400px; }
.grid-m0s5e5 .col-sub { width: 190px; margin-left: -390px; }
.grid-m0s5e5 .col-extra { width: 190px; margin-left: -190px; }

.grid-m0e5s5 .main-wrap { margin-right: 400px; }
.grid-m0e5s5 .col-sub { width: 190px; margin-left: -190px; }
.grid-m0e5s5 .col-extra { width: 190px; margin-left: -390px; }

.grid-s5e5m0 .main-wrap { margin-left: 400px;}
.grid-s5e5m0 .col-sub { width: 190px; margin-left: -100%; }
.grid-s5e5m0 .col-extra { width: 190px; margin-left: -750px; }

.grid-e5s5m0 .main-wrap { margin-left: 400px; }
.grid-e5s5m0 .col-sub { width: 190px; margin-left: -750px; }
.grid-e5s5m0 .col-extra { width: 190px; margin-left: -100%; }*/

/** 布局被溢出 限制 **/
.col-sub,.col-extra {
	width: 232px;
	overflow: hidden;
}
/* 通栏布局 */
.grid-m0 .main-wrap,.grid-m .main-wrap {
	width: 1200px;
}
/* 两栏布局 */
.grid-s5m0 .main-wrap,.grid-m0s5 .main-wrap {
	width: 958px;
}
/* 三栏布局 */
/** 暂时不支持 **/
/*.grid-s5m0e5 .main-wrap, .grid-e5m0s5 .main-wrap,.grid-m0s5e5 .main-wrap,.grid-m0e5s5 .main-wrap,.grid-s5e5m0 .main-wrap,.grid-e5s5m0 .main-wrap{
	width: 550px;
}*/
.grid-m .main-wrap,.expanded .main-wrap {
	width: 100%;
}
.dcshop-sm-shop-top-ad{
 clear:both;
 min-height:30px;	
}
/*店铺顶部BANNER*/
.slide-shop {
	/* height: 500px; */
	position: relative;
}

.slide-shop .prev,.slide-shop .next {
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	z-index: 222;
	top: 50%;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity = 60);
	_border: 1px solid none;
}

.slide-shop .prev {
	left: 30px;
	background: no-repeat url(../../images/banner-l-btn.png)
}

.slide-shop .next {
	right: 30px;
	background: no-repeat url(../../images/banner-r-btn.png)
}

.slide-shop .prev:hover,.slide-shop .next:hover,.slide-shop .nav-main a:hover,.slide-shop .nav-main a.cur
	{
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity = 100);
}

.slide-shop .item {
	display: block;
	width: 100%;
	height: 5px;
	
	z-index: 124;
	
	position:absolute;
	bottom:22px;
	left: 0;
	text-align: center;
}

.slide-shop .item a {
	display: inline-block;
	width: 24px;
	height: 5px;
	margin-right: 11px;
	background: #333;
	overflow: hidden;
}

.slide-shop .item a.cur {
	background: #e60000;
}

.slide-shop .slide-box,.slide-shop .slide {
	display: block;
	width: 100%;
	/* height: 500px; */
	overflow: visible;
}

.slide-shop .slide-box {
	position: relative; /* left: -360px; width: 1920px; */
}

.slide-shop .slide {
	display: none;
	*display: block;
	/* height: 500px; */
	/* background: #ff6900; */
	position: relative;
	
	z-index: 8;
}

.slide-shop .slide a {
	display: block;
	width: 100%;
/* 	height: 500px; */
	cursor: pointer;
}

.slide-shop .slide img{
	/* height:500px; */
	width: 100%;
}