.zh-carousel, .zh-carousel-content {
  display:    block;
  float:      left;
  position:   relative;
  overflow-x: hidden;
}

.zh-carousel {
  width:      620px;
  height:   320px;
}

.zh-carousel-content {
  width:  600px;
  height: auto;
}

.zh-carousel-content {
  clear:    both;
  padding:  10px;
  font-family:  'lato';
}

.zh-carousel-ul, .zh-carousel-li {
  list-style:   none;
  float:        left;
  position:     absolute;
  margin-left:  10px;
}

.zh-carousel-li, .zh-carousel-img, .zh-carousel-hider {
  height: 300px;
  width:  200px;
}

.zh-carousel-li, .zh-carousel-hider {
  display:  block;
  float:    left;
  position: absolute;
  left:     0px;
}

.zh-carousel-hider {
  background: rgba(255, 255, 255, 0.7);
  top:        0px;
}

.zh-carousel-arrow {
  background-repeat:  no-repeat;
  float:              left;
  position:           absolute;
  height:             60px;
  width:              60px;
  cursor:             pointer;
}

.left-arrow {
  background-image: url('../img/left.png');
  left:             140px;
}

.left-arrow:hover, .left-arrow.over {
  background-image: url('../img/left-active.png');
}

.right-arrow {
  background-image: url('../img/right.png');
  right:            125px;
}

.right-arrow:hover, .right-arrow.over {
  background-image: url('../img/right-active.png');
}

.col2 {
  float:    left;
  width:    48%;
  padding:  5px;
}

.col1 {
  margin-top: 10px;
  float:      left;
  clear:      both;
  width:      98%;
}