div.foto {
  float: left;
  height: 160px;
  width: 90px;
  background-color: black;
  text-align: center;
  cursor: pointer;
}

div.foto img {
  width: 75px;
  height: 140px;
  margin: 10px 0 0 0;
  background-repeat: no-repeat;
  background-position: 50%;
}

div#active.foto {
  background-color: white;
}

div#photoContainer {
  overflow: auto;
  height: 500px;
}

div.foto:hover {
  background-color: white;
}

div#player {
  width: 360px;
  height: 500px;
  position: relative;
}

div#player img.foto {
  background: #000;
  width: 266px;
  height: 500px;
  overflow: hidden;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

div#player div.controls {
  background-color: #000;
  position: absolute;
  height: 35px;
  width: 100%;
  bottom: 0px;
  left: 0px;
}

div#player div.controls img.links {
  cursor: pointer;
  margin: 7px 10px;
}

div#player div.controls img.rechts {
  position: absolute;
  right: 0px;
  cursor: pointer;
  margin: 7px 10px;
}

div#player div.controls img.zoom {
  cursor: pointer;
  position: absolute;
  margin: 1px 0 0 0;
  left: 115px;
}

div#listing div.paginas {
  display: inline;
  text-align: center;
}

div#listing div.paginas a {
  color: #fff;
  text-decoration: none;
  padding: 5px;
}

div#listing div.paginas a.active {
  color: #dd0000;
}