.slider .view-content {
  width: 620px;
  position: relative;
  margin: 0 auto;
}

.slider .view-content .item-list {
  width: 540px; /* .view-content width - (.item-list margin-left + .item-list margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.slider .view-content ul a img {
  border: 1px solid #333;
}

.slider .view-content .item-list ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.slider .view-content ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 120px;
  width: 160px;
}

.slider .view-content ul li a img {
  display:block;
}

.slider .view-content .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 50px;
  cursor: pointer;
}

.slider .view-content .forward {
  background-position: 0 0;
  right: 0;
}

.slider .view-content .back {
  background-position: 0 -72px;
  left: 0;
}

.slider .view-content .forward:hover {
  background-position: 0 -36px;
}

.slider .view-content .back:hover {
  background-position: 0 -108px;
}