@media screen and (min-width: 870px){
  .bodybg {background: #ebebeb;width: 100%;clear: both;}
  .flexslider{margin:0 auto 20px;position:relative;width:100%;height:450px;overflow:hidden;zoom:1}
  .flexslider .slides li{width:100%;height:100%}
  .flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(/skin/default/images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px}
  .flex-direction-nav .flex-next{background-position:0 -70px;right:0}
  .flex-direction-nav .flex-prev{left:0}
  .flexslider:hover .flex-next{opacity:.8;filter:alpha(opacity=25)}
  .flexslider:hover .flex-prev{opacity:.8;filter:alpha(opacity=25)}
  .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50)}
  .flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
  .flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
  .flex-control-paging li a{background:url(/skin/default/images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer}
  .flex-control-paging li a.flex-active,.flex-control-paging li.active a{background-position:0 0}
  .flexslider .slides a img{width:100%;height:450px;display:block}
}
@media screen and (max-width: 870px){
  .bodybg {background: #ebebeb;width: 100%;clear: both;}
  .flexslider{margin:0 auto 20px;position:relative;width:100%;height:120px;overflow:hidden;zoom:1}
  .flexslider .slides li{width:100%;height:100%}
  .flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(/skin/default/images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px}
  .flex-direction-nav .flex-next{background-position:0 -70px;right:0}
  .flex-direction-nav .flex-prev{left:0}
  .flexslider:hover .flex-next{opacity:.8;filter:alpha(opacity=25)}
  .flexslider:hover .flex-prev{opacity:.8;filter:alpha(opacity=25)}
  .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50)}
  .flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
  .flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
  .flex-control-paging li a{background:url(/skin/default/images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer}
  .flex-control-paging li a.flex-active,.flex-control-paging li.active a{background-position:0 0}
  .flexslider .slides a img{width:100%;height:120px;display:block}
}