/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** 幻灯片
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;}

.bx-wrapper img {
	max-width: 100%;
	display: block;}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {

	left: 0px;
	background: #fff;}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 8px;
	width: 100%;}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 210px;
	background: url(images/bx_loader.jpg) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;


	padding-top: 20px;}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #9c9a9a;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #2574b8;}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.jpg) no-repeat 0 -32px;}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.jpg) no-repeat -43px -32px;}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.jpg) -86px -11px no-repeat;
	margin: 0 3px;}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.jpg) -86px -44px no-repeat;
	margin: 0 3px;}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #9c9a9a\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	
	padding: 10px;}
/*bxslide1*/
div.product .bx-wrapper .bx-controls-auto {
	width: 100%;}

/* bxslider rewrite */
.bxslider2 img{
	width:100px;
	height:100px;}
.product {
	padding-bottom:20px; padding-top:8px;}

.product .bx-wrapper .bx-pager.bx-default-pager a {
	background: #b0b0b0; display:block;
	width: 40px; margin-right:1px; 
	height: 3px;}
.product .bx-wrapper .bx-pager.bx-default-pager a:hover,
.product .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #2574b8;}
.banner .bx-wrapper .bx-pager.bx-default-pager a {
	background: #b0b0b0;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #b0b0b0;}


.product .bx-wrapper .bx-pager.bx-default-pager{
	width: 100%;
	position:absolute;
	bottom:-15px;}
.tc {text-align: center; font-size:0.65em; line-height:180%; display:block;}
