body,h1,h2,h3,ul,li,p{margin:0;padding:0;}

/**
 * 横向滚动
 * ------------------------------ */
.scroll-horizontal{position:relative;width:auto;height:60px;padding:0px;}
.scroll-horizontal .scroll-box{overflow:hidden;position:relative;width:auto;height:60px;margin:0 auto;}
.scroll-horizontal .list{overflow:hidden;width:9999px;}
.scroll-horizontal .list li{float:left;width:232px;height:60px;}
.scroll-horizontal .list li img {width:220px;height:60px;overflow:hidden;border:1px solid #ddd;}
.scroll-horizontal .prev,
.scroll-horizontal .next {
  position:absolute;
  top:50%;
  margin-top:-24px;
  width:18px;
  height:18px;
  background-image:url(../img/control.png);
  background-repeat:no-repeat;
  font:0/0 Arial;
  cursor:pointer;
  z-index:999;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}
.scroll-horizontal .prev {
  /*left:0;*/
  background-position:0 0;
}
.scroll-horizontal .next {
  /*right:0;*/
  background-position:-18px 0;
}
.scroll-horizontal .prev,
.scroll-horizontal .prev-top-right {
  top:-18px;
  right:23px;
}
.scroll-horizontal .next,
.scroll-horizontal .next-top-right {
  top:-18px;
  right:0;
}
.scroll-horizontal .prev:hover {
  border-color:#f60;
  background-position:0 -18px;
}
.scroll-horizontal .next:hover {
  border-color:#f60;
  background-position:-18px -18px;
}
/**
 * 纵向滚动
 * ------------------------------ */
.scroll-vertical{position:relative;width:180px;height:340px;padding:10px;background:#eee;}
.scroll-vertical .scroll-box{overflow:hidden;position:relative;top:40px;height:260px;}
.scroll-vertical .list{position:absolute;top:0;left:0;}
.scroll-vertical .list li{height:140px;text-align:center;}
.scroll-vertical .prev,
.scroll-vertical .next{
  z-index:999;
  position:absolute;
  left:50%;
  width:120px;
  height:30px;
  margin-left:-25px;
  width:50px;
  height:40px;
  background-image:url(../img/control.png);
  background-repeat:no-repeat;
  font:0/0 Arial;cursor:pointer;}
.scroll-vertical .prev{top:5px;background-position:-80px 0;
}
.scroll-vertical .next{bottom:5px;background-position:-130px 0;}
.scroll-vertical .prev:hover{background-position:-80px -40px;}
.scroll-vertical .next:hover{background-position:-130px -40px;}
