body {
  padding: 10px
}
.carousel_main {
  position: relative;
  width: 360px;
  padding: 10px 10px;
  border: 1px solid #CCC;
  border-radius: 15px;
  background: #eee;
}

.carousel {
  position: relative;
  width: 300px;
  padding: 10px 40px;
  border: 1px solid #CCC;
  border-radius: 15px;
  background: #eee;
}
.carousel img {
  width: 100px;
  height: 75px;
  display: block; /* если не поставить block, в ряде браузеров будет inline -> лишнее пространтсво вокруг элементов */
}
.carousel img:hover {
cursor:pointer;
}
.carousel .arrow {
  position: absolute;
  top: 27px;
  padding: 3px 8px 8px 9px;
  background: #ddd;
  border-radius: 15px;
  font-size: 24px;
  color: #444;
  text-decoration: none;
}

.carousel .arrow:hover {
  background: #ccc;
  cursor:pointer;
}
.carousel .left-arrow {
  left: 7px;
}
.carousel .right-arrow {
  right: 7px;
}
.galery {
  width: 301px;
  overflow: hidden;
}
.galery ul {
  height: 80px;
  width: 9999px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.galery ul li {
  float: left;
}