/* Carousel */
.carousel {
  margin: 0px;
  padding:0px;
  height: 380px;
  overflow: hidden;
  background:#fff;
}
.carousel .viewport {
  position: relative;
  margin:0px -30px 0px -30px;
  padding: 0px;
  width: 760px;
  height: 370px;
  float: left;
  overflow: hidden;
}
.carousel .viewport img{
  margin: 10px 10px 0px 10px;
  padding: 0px;
  width: 360px;
  height: 263px;
  border: 1px solid #bf202b;
}
.carousel .viewport .video-title{
    display: block;
    margin: 0px auto;
    padding: 5px;
    background: #fff5f5;
    width: 355px;
    height: 75px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color:#000;
    overflow: hidden;
    border: 1px solid #f0c7ca;    
}
.carousel .buttons {
  position: relative;
  display: block;
  margin: 145px 10px 0 0;
  background:#bf202b;
  width: 30px;
  height: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  float: left;
  border-radius: 50%;
  z-index:1;
}
.carousel .next i{
  display:block;
  margin:7px 5px 7px 9px;
}
.carousel .prev i{
  display:block;
  margin:7px 9px 7px 5px;
}
.carousel .next {
  right:-5px;
  margin: 145px 0px 0 0px;
}
.carousel .buttons:hover {
  background: #136634;
  color: #fff;
}
.carousel .disable {
  visibility: hidden;
}
.carousel .overview {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}
.carousel .overview li {
  margin: 0;
  padding: 1px;
  width: auto;
  height: auto;
  float: left;
}