.flexslider {
    }
    .flex-control-nav {
      position: relative;
      bottom: auto;
    }
    .custom-navigation {
      width: 100%;height:50px;position:absolute;top:50%;

      display: table;
      z-index:1999;
    }
    .custom-navigation > * {
      display: table-cell;
    }
    .custom-navigation > a {
      width: 50px;
    }
    .custom-navigation .flex-next {
      text-align: right;
    }
.custom-controls-container{position:absolute;width:100%;bottom:30px;}

/*ÄÜÆ®·Ñ¹Ú½º*/
.flexslider .slides img {
width: 100%;height:400px;
display: block;
}

.flex-control-nav {
width: 100%;

text-align: center;
z-index:999;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width:24px;
height:24px;

cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;padding:2px 5px;background-color:#353535;color:#999;font-size:13px;font-weight:bold;opacity:0.7;
}
.flex-control-paging li a:hover {background-color:#ffdf01}
.flex-control-paging li a.flex-active {
background: #ffdf01;
background: rgba(255, 223, 1, 0.9); /*ÄÜÆ®·Ñ ¿¢Æ¼ºê*/
cursor: default;color:#222;
}

.flex-prev span{background-color:#000;color:#fff;padding:25px 12px;opacity:0.5;border-radius:0 10px 10px 0;}
.flex-next span{background-color:#000;color:#fff;padding:25px 12px;opacity:0.5;border-radius:10px 0 0 10px;}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}

.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}