.video-title {
  margin-bottom: 8px;
  color: #CCCCCC;
}
#video-detail {
  transition: all, .2s;
  -ms-transition: all, .2s;
  -webkit-transition: all, .2s;
  background-color: #1F1F1F;
  padding: 0 16px;
}

.detail-title {
  font-size: 16px;
  padding: 15px 0px;
  color: rgb(242,242,242);
  position: relative;
}

.detail-title:before {
  content: '';
  position: absolute;
  bottom: -1px;
  width: 52px;
  height: 1px;
  background-color: rgb(27, 158, 243);
}

ul,li {
  padding: 0;
  list-style: none;
  margin: 0;
}

.hide {
  display: none;
}

.detail-list li{
  border-top: 1px solid #515151;
  padding: 10px 12px;
  display: block;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.detail-list li:first-child{
  border-top: 1px solid rgb(228, 228, 228);
}

.detail-list li {
  color: #bcbcbc;
}

.detail-list li.ing {
  color: rgb(27,158,243);
}

.key {
  font-weight: bold; 
}

.el-col-50 {
  width: 218px; 
  float: left;
}

.card-info__text {
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content-item__card:hover .card-info{
  transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
}
a[href="https://flowplayer.com/hello/?from=player"],
a.fp-share.fp-icon {
  /*display: none !important;*/
  opacity: 0;
  height: 0;
  width: 0;
  pointer-events: none;
}

.card-title {
  height: 20px;
}


@media screen and (min-width: 1500px) {
  #wrapper {
    padding: 30px 10px;
  }
  .detail-list li {
    padding: 15px 12px;
  }
  .hide {
    display: block;
  }
}