/* any list scroller */

.als-container {
  position: relative;
  width: 100%;
  z-index: 0;
  margin-top: 20px;
  background: #eee;
}

.als-container .als-viewport {
  position: relative;
  overflow: hidden;
  width: 100% !important;
}

.als-container .als-wrapper {
  position: relative;
  list-style: none;
  padding: 0;
}

.als-container .als-item {
  position: relative;
  float: left;
  text-align: center;
  margin-right: 10px;
}
.als-container .als-item,
.als-container .als-item a {
  width: 100px;
  height: 75px;
  overflow: hidden;
}
/*
.als-container .als-item a {
  display: block;
  overflow: hidden;
}
*/

.als-container .als-item img {
  max-width: none;
}
 
.als-container .als-control {
  position: absolute;
  cursor: pointer;
  top: 0;
  z-index: 1;
  padding: 30px 20px;
  background: #fff;

  transition: 100ms;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.als-container .als-control:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.als-container .als-prev {
  left: 0px;
}

.als-container .als-next {
  right: 0px;
}