.flexslider{position:relative;overflow:hidden;background:url(img/loading.gif) 50% no-repeat;}
.flexslider .slides{position:relative;z-index:1;}
.flexslider .slides li{
  background-size: cover!important;
  height: 360px;
  background-position: bottom!important;
}
.flexslider .slides li a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.flexslider .slides li a img{
  display: block;
  width: 100%;
}
.flexslider .flex-control-nav{position: absolute;bottom: 50px;z-index:2;width:100%;text-align: right;/* display: none; */width: 1200px;left: 50%;margin-left: -600px;z-index: 600;}
.flexslider .flex-control-nav li{display:inline-block;zoom:1;margin: 0px 5px;}
.flexslider .flex-control-nav a{display:inline-block;width: 40px;height: 7px;overflow:hidden;cursor:pointer;background-color: #ccc;border-radius: 15px;line-height: 100px;-moz-transition: ease-out 0.3s;-o-transition: ease-out 0.3s;-webkit-transition: ease-out 0.3s;transition: ease-out 0.3s;}
.flexslider .flex-control-nav .flex-active{
  background: #fff;
}

.flexslider .flex-direction-nav{position:absolute;z-index: 20;width:100%;top:45%;display: none;}
.flexslider .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flexslider .flex-direction-nav li a.flex-prev{left:40px;background:rgba(28, 31, 33, .1) url(img/prev.png) no-repeat center/16px auto;}
.flexslider .flex-direction-nav li a.flex-next{
  right:40px;
  background:rgba(28, 31, 33, .1) url(img/prev.png) no-repeat center/16px auto;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.flexslider .flex-direction-nav li a{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  transition: all .2s;
  z-index: 10;
}
.flexslider .flex-direction-nav li a:hover{
  background-color: rgba(28, 31, 33, .5);
}





.flexsliderLeft{position:relative;overflow:hidden;background:url(img/loading.gif) 50% no-repeat;}
.flexsliderLeft .slides{position:relative;z-index:1;}
.flexsliderLeft .slides li{
  background-size: cover!important;
  height: 210px;
  background-position: bottom!important;
}
.flexsliderLeft .slides li a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.flexsliderLeft .slides li a img{
  display: block;
  width: 100%;
}
.flexsliderLeft .flex-control-nav{position: absolute;bottom: 60px;z-index:2;width:100%;text-align: center;width: 528px;left: 50%;margin-left: -264px;z-index: 600;}
.flexsliderLeft .flex-control-nav li{display:inline-block;zoom:1;margin: 0px 5px;}
.flexsliderLeft .flex-control-nav a{display:inline-block;width: 40px;height: 7px;overflow:hidden;cursor:pointer;background-color: #ccc;border-radius: 15px;line-height: 100px;-moz-transition: ease-out 0.3s;-o-transition: ease-out 0.3s;-webkit-transition: ease-out 0.3s;transition: ease-out 0.3s;}
.flexsliderLeft .flex-control-nav .flex-active{
  background: #fff;
}

.flexsliderLeft .flex-direction-nav{position:absolute;z-index: 20;width:100%;top:45%;display: none;}
.flexsliderLeft .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flexsliderLeft .flex-direction-nav li a.flex-prev{left:40px;background:rgba(28, 31, 33, .1) url(img/prev.png) no-repeat center/16px auto;}
.flexsliderLeft .flex-direction-nav li a.flex-next{
  right:40px;
  background:rgba(28, 31, 33, .1) url(img/prev.png) no-repeat center/16px auto;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.flexsliderLeft .flex-direction-nav li a{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  transition: all .2s;
  z-index: 10;
}
.flexsliderLeft .flex-direction-nav li a:hover{
  background-color: rgba(28, 31, 33, .5);
}