.fix-nav-bg{
	position:fixed;
	top:-10px;
	width:100%;
	background:none;
	z-index:1;
	opacity:0;
}
.fix-bg-show{
	position:fixed;
	top:0;
	width:100%;
	height:60px;
	background:#313133;
	z-index:1;
	opacity:1;
	transition: .4s ease .1s;
	-webkit-transition: .4s ease .1s;
	-moz-transition: .4s ease .1s;
	-o-transition: .4s ease .1s;
} 
.fix-box{
	position:fixed;
	top:0px;
	z-index:999;
	margin:0;
	transition: .4s ease .1s;
	-webkit-transition: .4s ease .1s;
	-moz-transition: .4s ease .1s;
	-o-transition: .4s ease .1s;
}
.fix-box .navbar-nav>.nav-line{
	display:none;
}
.fix-box .navbar-nav>li>a{
	padding:19px 1.5em 19px 1.5em !important;
	color:#fff !important; 
}
.fix-box .navbar-nav>li>a:hover{
	color:#313131 !important; 
	background:#fff !important;
}
.banner-products{
	margin-top:20px;
}
.banner-products-bg{
	padding:0;
	padding-bottom:1.6%;
	background: url(../_img/banner-products-bg.jpg) no-repeat center bottom ;
	background-size:100%;
}
.banner-products img{
	border-radius:3px;
/* 	box-shadow:
	5px 5px 10px #505050, */
}
.product-default{
	padding:15px 0;
	text-align:center;
	overflow:hidden;
	margin-bottom:5px;
	border:solid 1px #eaeaea;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
}
 .product{
	transition:width .4s ease .1s;
	-webkit-transition:width .4s ease .1s;
	-moz-transition:width .4s ease .1s;
	-o-transition:width .4s ease .1s;
}
.products-boxshadow{
	box-shadow:
		0px 10px 15px #fff,
		0px 0px 20px #d0d0d0; 
	-webkit-box-shadow:
		0px 10px 15px #fff,
		0px 0px 20px #d0d0d0; 
	-moz-box-shadow:
		0px 10px 15px #fff,
		0px 0px 20px #d0d0d0; 
	-o-box-shadow:
		0px 10px 15px #fff,
		0px 0px 20px #d0d0d0; 
	-webkit-transition: .4s ease .1s;
	-moz-transition: .4s ease .1s;
	-o-transition: .4s ease .1s;
}
.product-default h4 ,.product-default h5{
	font-size:107.1%;
	margin:3px 0;
	letter-spacing: .05em;
	padding:0;
}
.product-default>h4{
	color:#8f8f8f;
	height:100%;
	max-height:2.8em;
	padding:0 15px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.product-default>h5{
	color:#c80000;
}
.product-default>p{
	display:none
}
.product-default>figure>a>img{
	width:100%;
	max-width:300px;
} 
.product-scale-default{
	transform:none ;
	-webkit-transform:none;
	-moz-transform:none;
	-o-transform:none;
	-webkit-transition: .2s ease .1s;
	-moz-transition: .2s ease .1s;
	-o-transition: .2s ease .1s;
}
.product-scale{
 	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-webkit-transition: .4s ease .1s;
	-moz-transition: .4s ease .1s;
	-o-transition: .4s ease .1s;
}
.product-name{
	position: relative;
	font: normal normal 128.6%/1.5em Arial , 'Microsoft JhengHei' , 'Heiti TC' , sans-serif;
	color:#505050;
	letter-spacing: .05em;
}
/*  .product-default::after{
	content:''; 
	position: absolute;
	width:300px;
	height:1px;
	bottom:0;
	left:50%;
	margin-left:-150px;
	border:0;
	background-color:#a0a0a0;
}  */
.button-more{
	display: block;
	margin-top:10px;
}
.button-more a{
	background:#f5f5ed;
	display: inline;
	padding:8px 25px ;
	color:#555555;
	font: normal normal 107.1%/2em Arial ,'�L�n������', sans-serif;
	cursor:pointer;
}
.button-more>a:hover{
	background:#fe980f;
	color:#fff;
}
/*product-list*/
.grid,.list{
	margin:0 0 0 10px;
	float:right;
}
.grid-active,.list-active{
	color:#fff;
}
.prod-box-list{
	width:100%;
	padding:0 20px 50px 20px;
	margin:5px 0;
	text-align:left;
}
.prod-box-list>h4{
	padding:0;
	max-height:none;
	overflow:visible;
	white-space:normal;
}
.prod-box-list>figure>a>img{
	float:left;
	margin-right:20px;
}
.prod-box-list>figure>figcaption{
	display:inline-block;
	padding-top:20px;
}
.prod-box-list>p{
	display:inline;
}
.prod-box-list>.button-more{
	position:absolute;
	bottom:10px;
	right:20px;
}
/*end products */

.product-title h2{
	margin-top:20px;
	font-size:171.4%;
}
.product-detail{
	margin-top:20px;
}
.product-detail pre{
	font: normal normal 114.3%/1.8em  Arial , 'Microsoft JhengHei', sans-serif;
	color:red;
	background:none;
	border:none;
}
.product-detail p{
	line-height:2em;
	font-size:114.3%;
}
.product-detail>h5{
	font-size:128.6%;
	margin-top:10px;
}
.product-small ul{
	padding:0;
}
.product-small ul li{
	display:inline-block;
	padding:0 2px;
}
#img>img{
	width:100%;
	max-width:350px;
	padding:5px;
	border:solid 1px #ddd;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	box-shadow:0 0 10px #ddd;
	-webkit-box-shadow:0 0 10px #ddd;
	-moz-box-shadow:0 0 10px #ddd;
	-o-box-shadow:0 0 10px #ddd;
	margin-bottom:10px;
}
.product-prize{
	padding:10px 0;
	margin-top:20px;
	border-top:dotted 1px #cccccc;
	border-bottom:dotted 1px #cccccc;
}
.product-prize ul li{
	float:left;
}
.product-prize ul li h5{
	margin:5px 15px 0 0;
	font-size:100%;
	color:#888888;
	text-decoration: line-through;
}
.product-prize ul li h4{
	font-size:142.9%;
	color:#272727;
}
.btn-buy{
	min-height:35px;
	padding:5px 15px;
	font: normal normal 107.1%/1.5em Arial , 'Microsoft JhengHei' , 'Heiti TC' , sans-serif;
}
.btn-buy a{
	font-size:107.1%;
	letter-spacing: 0.07em;
	color:#fff;
}
.product-control{
	margin:5px 10px 0 0;
}
.product-intr{
	padding-bottom:5px;
	margin-top:20px;
	font-size:128.6%;
	border-bottom:dashed 1px #c3c3c3;
}
.product-content{
	margin-top:15px;
}
.product-content p{
	font-size:107.1%;
}
@media screen and (max-width: 780px) {
	.product-detail{
		margin-top:10px;
	}
   .product-title h2{
		text-align:center;
	}
	.fix-box-title{
		position:fixed;
		width:100%;
		text-align:center;
		font-size:150% !important;
		top:10px;
		z-index:1;
		margin:0;
		color:#fff;
		transition:color .4s ease .1s;
		-webkit-transition:color .4s ease .1s;
		-moz-transition:color .4s ease .1s;
		-o-transition:color .4s ease .1s;
	}
	.fix-bg-show{
		height:50px;
	}
	.fix-box{
		top:10px;
	}	
	#img{
		padding:20px;
	}
}
 /* screen<= 768px*/
 @media screen and (max-width: 560px){
 	.grid-button{
 		display:none;
 	}
 	#title-fixed>h2{
 		width:100%;
 	}
 }
  /* screen<= 560px*/