div#flick2, div#flick {
  overflow: hidden;
}
ul.flickNav {
  margin: 10px 0;
  position: relative;
  left: 50%;
  float: left;
}
ul.flickNav li {
  float: left;
  display: inline;
  margin: 0px 5px;
  position: relative;
  left: -50%;
}
ul.flickNav li a {
  display: block;
  width: 20px;
  height: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background-color: #444;
}
ul.flickNav li.selected a {
  background-color: #ff0080;
}
div.container {
  max-width: 360px;
  margin: 0px auto;
  position: relative;
  clear: both;
  overflow: hidden;
}
div.itemBox {
  position: relative;
}
div.container .item {
  float: left;
  text-align: center;
}
div.container .item img {
  pointer-events: none;
}
.moving {
  -webkit-transition: -webkit-transform .2s ease-out;
  -moz-transition: -moz-transform .2s ease-out;
  -o-transition: -o-transform .2s ease-out;
  -ms-transition: -ms-transform .2s ease-out;
}
div#flick2 figure, div#flick figure {
  margin: 0 auto;
  background-color: #ccc;
  width: 300px;
  height: 230px;
}
ul.next_prev li {
  margin: 10px;
  padding: 0.3em;
  display: inline;
  background-color: #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
ul.next_prev li.off {
  display: none;
}
ul.next_prev li.prev {
  float: left;
}
ul.next_prev li.next {
  float: right;
}