/*  VIDEO PLAYER CONTAINER
############################### */
.youlist-youtube,
.youlist-youtube * {
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.youlist-youtube {
  width: 100%;
  margin: 0 auto;
}

.youlist-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
}

.youlist-container iframe,
.youlist-container object,
.youlist-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  VIDEOS PLAYLIST
############################### */

.youlist-list-container {
  width: 92%;
  overflow: hidden;
  margin-top: 10px;
  margin-left: 4%;
  padding-bottom: 20px;
}

.youlist-list {
  width: 15000px;
  position: relative;
  top: 0;
  left: 0;
}

.youlist-item {
  display: inline;
  float: left;
  width: 148px;
  height: 148px;
  margin: 0 2px 0;
  padding: 10px;
  background: #F2F2F2;
}

.youlist-thumb {
  /*position: relative;*/
  overflow: hidden;
  height: 84px;
}

.youlist-thumb img {
  width: 100%;
  position: relative;
  top: -13px;
}

.youlist-desc {
  font-size: 11px;
  margin-top: 5px;
}

.youlist-item:hover {
  background: #CBCBCB;
  cursor: pointer;
}

.youlist-item-selected {
  background: #CBCBCB;
}

.youlist-arrows {
  position: relative;
  width: 100%;
}

.youlist-arrow-left {
  color: #fff;
  position: absolute;
  background: #777;
  padding: 15px;
  left: 0;
  top: -130px;
  z-index: 99;
  cursor: pointer;
}

.youlist-arrow-right {
  color: #fff;
  position: absolute;
  background: #777;
  padding: 15px;
  right: 0;
  top: -130px;
  z-index: 100;
  cursor: pointer;
}

.youlist-arrow-left:hover {
  background: #000;
}

.youlist-arrow-right:hover {
  background: #000;
}

.youlist-arrow-svg {
  fill: #fff;
}

@media (max-width: 624px) {
  .youlist-caption {
    margin-top: 40px;
  }

  .youlist-list-container {
    padding-bottom: 20px;
  }

  /* reposition left/right arrows */
  .youlist-arrows {
    position: relative;
    margin: 0 auto;
    width: 96px;
    padding-bottom: 50px;
  }

  .youlist-arrow-left {
    left: 0;
    top: -25px;
  }

  .youlist-arrow-right {
    right: 0;
    top: -25px;
  }
}
