@charset ;
/* CSS Document */
.flexslider {
  position: relative;
  height: 254px;
  width:340px;
  margin: 0;
  zoom: 1;}
.flexslider img {
  width: 340px;
  height:224px;}
.flexslider .slides li{
  width: 100%;  float: left;
  height: 254px;
  position: relative;  opacity: 0;  display: block;
  z-index: 1;}
.slider-caption{
	position:absolute;
	left:0;
	bottom:0;
width:100%;
height:29px;
line-height:29px;
	background:#255DA7;}
.slider-caption h2 a{
	font-size:14px;
	color:#fff;}
.slider-caption p{
	font-size:14px;
	color:#fff;}
.flex-direction-nav a {
  width: 36px;
  height: 36px;
  display: inline-block;
  font-size: 16px;
  background:#F00;
  position:absolute;
  top:50%;
  z-index:99;
  text-indent:-99em;
display: none;}
.flex-direction-nav .flex-prev {
  left: 36px;}
.flex-direction-nav .flex-next {
  right: 36px;}
/* Control Nav */
.flex-control-nav {
  position: absolute;
  bottom: 30px;
  right:0;
  z-index:999;}
.flex-control-nav li {
  margin: 0 1px;
  float:left;
  zoom: 1;
  width: 20px;
  height: 16px;
 background: #000;
  cursor: pointer;
  color:#fff;
filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;}
.flex-control-paging li a {
  font-size:12px;
  display: block;
  color:#fff;
line-height: 16px;}
.flex-control-paging li a:hover {
  background: #2876C8;}
.flex-control-paging li a.flex-active {
  background: #2876C8;}