/* Browser Resets*/
.flex-container a:active,
.flexslider a:active {
	outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider {
	width: 1050px;
	height:350px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	
	position: relative;
	margin:0 auto;
	zoom: 1;
	
}
.flexslider .slides {
	zoom: 1;
}

.flexslider .slides > li {
	width: 1050px;
	overflow:hidden;
	height:350px;
	display: none;
	position: relative;
}

.flexslider .slides img {
	width: 650px;
	height:auto;
	min-height: 350px;
	position:;
	display: block;
	background:url(../images/preloader.gif) no-repeat center 165px;
	
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}

.no-js .slides > li:first-child {
	display: block;
}

.flex-container {
	zoom: 1;
	position: relative;
}

.flexslider .white-left {
	height:0;
	width:0;
	position:absolute;
	top:50px;
	right:400px;
	z-index:3;
	
	border-right: 13px solid #28415c;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 0;
}

.flex-caption {
	width: 350px;
	height:300px;
	padding:25px;
	position: absolute;
	text-align:left;
	background:#28415c;
	top:0;
	right:0;
	color: #fff;
	overflow:hidden;
	
	-webkit-transition: all 0.3s ease 0s; 
	-moz-transition: all 0.3s ease 0s; 
	-o-transition: all 0.3s ease 0s; 
	transition: all 0.3s ease 0s;
}
.flex-caption:hover {
	color: #fff;
}

.flex-caption p {
	font-size: 24px;
	line-height: 34px;
	font-weight: lighter !important;
	margin-top:30px;
}

.flex-caption .readmore {
	width:120px;
	height:18px;
	padding:5px;
	position:absolute;
	display:block;
	right:30px;
	bottom:20px;
	background:url(../images/slider/readmore.png) no-repeat 85px center;
	opacity:0.75;
	font-size:17px;
	font-style:italic;
	color:#ccc;
	
	
	-webkit-transition: all 0.3s ease 0s; 
	-moz-transition: all 0.3s ease 0s; 
	-o-transition: all 0.3s ease 0s; 
	transition: all 0.3s ease 0s;
}
.flex-caption .readmore:hover {
	opacity:1;
	color:#fff;
}





.flex-direction-nav li a {
	width: 40px;
	height: 38px;
	display: block;
	position: absolute;
	bottom: 5px;
	cursor: pointer;
	text-indent: -9999px;
}
.flex-direction-nav li .next {
	background: url(../images/slider/arrow_right.png) no-repeat center;
	right: 407px;
	opacity:0.65;
	
	-webkit-transition: all 0.3s ease 0s; 
	-moz-transition: all 0.3s ease 0s; 
	-o-transition: all 0.3s ease 0s; 
	transition: all 0.3s ease 0s;
}
.flex-direction-nav li .next:hover {
	opacity:1;
}

.flex-direction-nav li .prev {
	background: url(../images/slider/arrow_left.png) no-repeat center;
	right: 440px;	
	opacity:0.65;
	
	-webkit-transition: all 0.3s ease 0s; 
	-moz-transition: all 0.3s ease 0s; 
	-o-transition: all 0.3s ease 0s; 
	transition: all 0.3s ease 0s;
}
.flex-direction-nav li .prev:hover {
	opacity:1;
}


.flex-direction-nav li .disabled {
	opacity: .3;
	filter:alpha(opacity=30);
	cursor: default;
}

.flex-control-nav {
	width:100px; /* 有问题就去掉 */
	position: absolute;
	bottom: 14px;
	left:20px;
	
	display:none;
}
.flex-control-nav li {
	margin: 0 0 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-nav li:first-child {
	margin: 0;
}
.flex-control-nav li a {
	width: 13px;
	height: 13px;
	display: block;
	background: url(../images/slider/headpic_control_nav.png) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
}
.flex-control-nav li a:hover {
	background-position: 0 -13px;
}
.flex-control-nav li a.active {
	background-position: 0 -26px;
	cursor: default;
}








/* Mobile */
@media screen and (max-width: 767px) {
.flexslider {
	width: 740px;
	height:700px;
}
.flexslider .slides > li {
	width: 740px;
	height:auto;
	overflow: hidden;
}
.flexslider .slides img {
	width: 100%;
	height: auto;
	min-height:inherit;
}
.flexslider .white-left {
	top:415px;
	left:80px;
	z-index:3;
	
	border-bottom: 18px solid #28415c;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-top: 0;
}

.flex-caption {
	width: 100%;
	height:180px;
	position: relative;
	text-align:center;
}
.flex-caption p {
	width:90%;
	padding:0 25px;
	margin-left:0;
	margin-top:10px;
}

.flex-caption .readmore {
	width:130px;
	height:18px;
	text-align:left;
	padding:5px;
	position: relative;
	display:block;
	margin:40px auto;
	background:url(../images/slider/readmore.png) no-repeat 110px center;
}


.flex-direction-nav li a {
	width:100px;
	height:200px;
	bottom: 320px;
}
.flex-direction-nav li .next {
	right: 30px;
	background: url(../images/slider/arrow_right_m.png) no-repeat center;
	opacity:1;
}
.flex-direction-nav li .prev {
	left: 30px;	
	background: url(../images/slider/arrow_left_m.png) no-repeat center;
	opacity:1;
}