/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}
.banner-box{ position:relative; z-index:1;}
#banner{ position:absolute; z-index:2px; top:0px; left:0px; width:100%; height:100%; margin-top:0px; }
#banner .owl-wrapper-outer{ height:100%;}
#banner .owl-wrapper{ height:100%;}
#banner .owl-item{ height:100%;}
#banner .item{ height:100%;}

#banner .owl-controls{ position:absolute; width:100%; bottom:0px; right:0px; margin:0px 0px 10px 0px;}
#banner .owl-controls span{ margin:4px; width:11px; height:11px; background:#999; opacity:1;}
#banner .owl-controls .active span{ background:#e50012;}
@media(max-width:1200px) {
#banner .owl-item{ height:auto; background:none;}
}

.banner-textbox{ overflow:hidden;}
.banner-img{ float:left; width:50%; height:100%; font-size:0px;}
.banner-text{ float:left; width:50%;height:100%; font-size:0px;}
.banner-text>img{ width:100%;}

/*图片切换图片文字渐入样式*/
.banner-img>img{ opacity:0;
  -webkit-transform: translate(-30px,0px);
  -moz-transform:translate(-30px,0px);
  transform: translate(-30px,0px);
}
.synced .banner-img>img{ opacity:1;transition-duration: 1s;transition-delay: .3s;
  -webkit-transform: translate(0px,0px);
  -moz-transform:translate(0px,0px);
  transform: translate(0px,0px);
}

.banner-text>img:nth-child(1){ opacity:0;
  -webkit-transform: translate(30px,0px);
  -moz-transform:translate(30px,0px);
  transform: translate(30px,0px);
}
.synced .banner-text>img:nth-child(1){ opacity:1;transition-duration: 1s;transition-delay: .3s;
  -webkit-transform: translate(0px,0px);
  -moz-transform:translate(0px,0px);
  transform: translate(0px,0px);
}
.banner-text>img:nth-child(2){ opacity:0;
  -webkit-transform: translate(30px,0px);
  -moz-transform:translate(30px,0px);
  transform: translate(30px,0px);
}
.synced .banner-text>img:nth-child(2){ opacity:1;transition-duration: 1s;transition-delay: .5s;
  -webkit-transform: translate(0px,0px);
  -moz-transform:translate(0px,0px);
  transform: translate(0px,0px);
}
.banner-text>img:nth-child(3){ opacity:0;
  -webkit-transform: translate(30px,0px);
  -moz-transform:translate(30px,0px);
  transform: translate(30px,0px);
}
.synced .banner-text>img:nth-child(3){ opacity:1;transition-duration: 1s;transition-delay: .8s;
  -webkit-transform: translate(0px,0px);
  -moz-transform:translate(0px,0px);
  transform: translate(0px,0px);
}
.banner-text>img:nth-child(4){ opacity:0;
  -webkit-transform: translate(30px,0px);
  -moz-transform:translate(30px,0px);
  transform: translate(30px,0px);
}
.synced .banner-text>img:nth-child(4){ opacity:1;transition-duration: 1s;transition-delay: 1.2s;
  -webkit-transform: translate(0px,0px);
  -moz-transform:translate(0px,0px);
  transform: translate(0px,0px);
}
.banner-text>img:nth-child(5){ opacity:0;
  -webkit-transform: translate(30px,0px);
  -moz-transform:translate(30px,0px);
  transform: translate(30px,0px);
}
.synced .banner-text>img:nth-child(5){ opacity:1;transition-duration: 1s;transition-delay: 1.6s;
  -webkit-transform: translate(0px,0px);
  -moz-transform:translate(0px,0px);
  transform: translate(0px,0px);
}

/*图片切换图片文字渐入样式*/
/* banner end */

.index-hot{ margin-top:20px;}
.index-hot .item{ position:relative; z-index:1; margin:5px; border:2px solid #eceeeb; overflow:hidden;transition-duration: .4s}
.index-hot .item:hover{ border:2px solid #c80806;transition-duration: .4s}
.index-hot .item span{ position:absolute; z-index:2; bottom:0px; left:0px; display:inline-block; width:100%; font-size:14px;line-height:30px; color:#fff; text-align:center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;  background:rgba(0,0,0,0.3);transition-duration: .4s;}
.index-hot .item:hover span{ background:rgba(0,0,0,0.5);transition-duration: .4s;}
.index-hot .item img{ width:100%; height:auto;transform:scale(1);transition-duration: .4s;}
.index-hot .item:hover img{ width:100%; height:auto;transform:scale(1.2);transition-duration: .4s;}


.index-hot .owl-controls .owl-buttons div {position: absolute; border-radius:0px; background:none; opacity:0.7;filter: Alpha(Opacity=70);}
.index-hot .owl-controls .owl-buttons div:hover {opacity:1;filter: Alpha(Opacity=100);}
.index-hot .owl-controls .owl-buttons .owl-prev{left: -45px;top: 50%;margin-top:-21px; }
.index-hot .owl-controls .owl-buttons .owl-next{right: -45px;top: 50%; margin-top:-21px;}
.index-hot .owl-controls .owl-buttons div i{ display:inline-block; width:22px; height:42px;}
.index-hot .owl-controls .owl-buttons div i.hot-l{ background:url(icon-product-prev.png) no-repeat center;}
.index-hot .owl-controls .owl-buttons div i.hot-r{ background:url(icon-product-next.png) no-repeat center;}