.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {	outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {	margin: 0;	padding: 0!important;	list-style: none!important;}
/*//////////////////////////////////////////////////////////////////////////////2. default style//////////////////////////////////////////////////////////////////////////////*/
.flexslider {	margin: 0;	position: relative;	zoom: 1;}
.flexslider .slides {	zoom: 1;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {	zoom: 1; position: relative;}
.flexslider .slides > li {	position: relative;	display: none;	-webkit-backface-visibility: hidden;	background:none!important;	padding: 0px!important;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {	min-width: 100%;	max-width: none;	display: block;	min-height: 400px;	max-height: 400px;	position: absolute!important;   left: 50%!important;   overflow: hidden!important;-moz-transform: translate(-50%, 0)!important;-webkit-transform: translate(-50%, 0)!important;-o-transform: translate(-50%, 0)!important;-ms-transform: translate(-50%, 0)!important;}@media (max-width: 1200px) {.flexslider .slides img  {	width: 100%!important;	max-width: 100%!important;	display: block!important;	min-height: none!important;	max-height: none!important;	height: auto!important;	overflow: none;}}
.flex-pauseplay span {	text-transform: capitalize;}
.flexslider .slides {	padding: 0px!important;}
/* Clearfix for the .slides element */
.slides:after {	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
html[xmlns] .slides {	display: block;}
* html .slides {	height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {	display: block;}

/* IE rgba() hack */
.flex-caption {	background:none;	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.flex-caption {	width: 100%;	padding: 2%;	margin: 0;	position: absolute;	left: 0;	bottom: 0;	background: rgba(0,0,0,.3);	color: #fff;	text-shadow: 0 -1px 0 rgba(0,0,0,.3);	font-size: 14px;	line-height: 18px;}
/*//////////////////////////////////////////////////////////////////////////////
///  direction nav
//////////////////////////////////////////////////////////////////////////////*/
.flex-direction-nav {	height: 0;}
.flex-direction-nav li a {	width: 52px;	height: 52px;	margin: -26px 0 0;	display: block;	background: url(../img/bg_direction_nav.png) no-repeat;	position: absolute;	top: 190px;	cursor: pointer;	text-indent: -999em;}
.flex-direction-nav li .next {	background-position: -52px 0;	right: 0;}
.flex-direction-nav li .prev {	left: 0;}
.flex-direction-nav li .disabled {	opacity: .3; filter:alpha(opacity=30);	cursor: default;
}
/*//////////////////////////////////////////////////////////////////////////////
///  control nav
//////////////////////////////////////////////////////////////////////////////*/
.flex-control-nav {	width: 100%;	position: absolute;	bottom: -40px;	text-align: center;}
.flex-control-nav li {	margin: 0 0 0 5px!important;	display: inline-block;	zoom: 1; *display: inline;	background: none!important;}
.flex-control-nav li:first-child {	margin: 0;}
.flex-control-nav li a {	width: 13px;	height: 13px;	display: block;	background: url(../img/bg_control_nav.png) no-repeat;	cursor: pointer;	text-indent: -999em;}
.flex-control-nav li a:hover {	background-position: 0 -13px;}
.flex-control-nav li a.active {	background-position: 0 -26px;	cursor: default;}
.flexslider li:before {    display: none;}