.video-item {display:inline-block;display: -moz-inline-stack;*display: inline; vertical-align: top;margin-bottom: 10px;padding: 0 5px;}
.video-item {height: 290px;width: 24.6%;}
.video-item .outline {height: 290px;width: 100%;}
.video-item-thumb img {width: 100% !important;}
.video-item-thumb {display: block;position: relative;height: 200px;padding: 7px;overflow: hidden;}
.video-item-thumb {height: 197px !important;}
.video-item-thumb,.video-item-thumb:before,.video-item-thumb .wrapper,.video-item-thumb .site-wrap,.video-item .video-item-title {transition: all 0.3s;}
.video-item-thumb .wrapper {overflow: hidden;width: 100%;height: 100%;}
.video-item .outline {border: 1px solid transparent;overflow:hidden;display: block;}
.video-item-thumb span.ico-hd {left: 13px;bottom: 20px;font-size: 11px;padding: 10px 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;}
/* Video Item Hover Effect */
.video-item:hover .video-item {-webkit-transform: scale(1.35);-ms-transform: scale(1.35);transform: scale(1.35);transition: all 0.3s;}
.video-item:hover .video-item-thumb {overflow:hidden;height: 100% !important;padding: 0 !important;}
.video-item:hover .video-item-title h2, .video-item:hover .video-item-footer{height: 0 !important;padding: 0 !important;}
.video-item-thumb:hover span.duration {opacity: 0;}
.video-item-thumb:hover span.ico-play {opacity: 1;}
/*  Thumb Options Title and thumb footer*/
.video-item-thumb span.duration {right: 13px;bottom: 13px;padding: 6px;font-size: 10px;line-height: 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;}
.video-item-title h2,.video-item .video-item-footer {transition: all 0.3s;margin-bottom: 4px;}
.video-item-thumb span.ico-play {opacity: 0;width: 38px;height: 38px;right: 18px;bottom: 18px;-webkit-border-radius: 38px;-moz-border-radius: 38px;-ms-border-radius: 38px;border-radius: 38px;text-align: center;font-size: 15px;line-height: 38px;}
.video-item-title h2 {font-size: 15px;line-height: 22px;height: 22px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.video-item-footer {padding: 10px 5px;}
.video-item-footer .video-stats p {font-size: 12px;}
.video-item-footer .video-stats p.stat-rating {font-size: 18px;}
.video-item-footer .video-stats p.stat-rating .ico {font-size: 15px;}
.video-item-thumb span.ico,.video-item-thumb span.duration {display: block;position: absolute;-webkit-transition: .3s opacity;transition: .3s opacity;}
.video-item-title {display: block;padding: 0 7px;height: 40px;text-decoration: none;}
.video-item-title h2 {font-size: 15px;line-height: 18px;font-weight: 400;margin: 0;max-width: 100%;height: 40px;white-space: normal;overflow: hidden;}
.video-item-footer {padding: 15px 7px 10px 7px;border-top: 1px solid transparent;height: 48px;width: 100%;margin-top: 5px;}
.video-item-footer .video-stats .stat {float: left;width: 33%;border-right: 1px solid transparent;}
.video-item-footer .video-stats .stat:last-child {border-right: 0 none;}
.video-item-footer .video-stats p {margin: 0;font-size: 13px;line-height: 22px;height: 22px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.video-item-footer .video-stats p.stat-views {padding-right: 8px;position: relative;}
.video-item-footer .video-stats p.stat-when {text-align: center;}
.video-item-footer .video-stats p.stat-rating {font-size: 20px;text-align: right;}
.video-item-footer .video-stats p.stat-rating .ico {font-size: 16px;}
.video-item-thumb span.ico,.video-item-thumb span.duration {background: rgba(25,26,34,0.7);color: #fff;}
.video-item-thumb span.ico-play {text-shadow: 1px 1px 5px rgba(0,0,0,0.75);}
.video-item-title {color: #2b2c33}
.video-item. .video-item-footer {border-color: #d2d2d2;position: absolute;bottom: 0;display: block;}
.video-item-footer .video-stats .stat {border-color: #3d3d3d;}
.video-item.featured .video-item-thumb:after {top: 6px;left: 6px;}
.video-item-thumb .site-wrap {position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: 0;text-align: center;vertical-align: middle;background-color: rgba(0,0,0,0.3);-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);}
.video-item-thumb .site-wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
.video-item-thumb .site-wrap .site-info {display: inline-block;vertical-align: middle;width: 99%;}
.video-item-thumb .site-info .btn-play {display: block;position: relative;margin: 0 auto;width: 36px;height: 36px;-webkit-border-radius: 36px;-moz-border-radius: 36px;-ms-border-radius: 36px;border-radius: 36px;}
.video-item-thumb .site-info .btn-play:before {content: '';display: block;position: absolute;top: 50%;left: 50%;margin-top: -7px;margin-left: -5px;border-left: 10px solid #fff;border-top: 7px solid transparent;border-bottom: 7px solid transparent;}
.video-item-thumb .site-info .site-logo {display: block;margin-top: 10px;width: 100%;height: 64px;background-repeat: no-repeat;background-color: transparent;}
.video-item-thumb:before {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}

#relatedVideos .video-item {height: 190px;width: 50%;}
#relatedVideos .video-item-thumb {height: 150px !important;}
#relatedVideos .video-item:hover .video-item-thumb {height: 100% !important;}

@media (max-width: 1024px) {
  .video-item-thumb {height: 300px !important;}
  .video-item {height: 380px;width: 49.66666% !important;}
  .video-item .outline {height: 380px;}
  .video-item-footer {padding: 4px 20px;}
}
@media (max-width: 900px) {
  #relatedVideos .video-item {height: 150px !important;}
  #relatedVideos .video-item-thumb {height: 150px !important;}
  .video-item-thumb {height: 275px !important;}
  .video-item,.video-item.featured {height: 360px !important;}
  .video-item .outline {height: 360px;}
}
@media (max-width: 768px) {
  .video-item-thumb {height: 260px !important;}
  .video-item, .video-item.featured {height: 340px !important;}
  .video-item .outline {height: 340px;}
  #relatedVideos .video-item, #relatedVideos .video-item .outline {height: 140px !important;}
  #relatedVideos .video-item-thumb {height: 100px !important;}
  #relatedVideos .video-item:hover .video-item-thumb {height: 100% !important;}
}
@media (max-width: 730px) {
  .video-item-thumb {height: 240px !important;}
  .video-item,.video-item.featured {height: 320px !important;}
  .video-item .outline {height: 320px;}
}
@media (max-width: 673px) {
  .video-item-thumb {height: 195px !important;}
  .video-item,.video-item.featured {height: 280px !important;width: 49.333333% !important;}
  .video-item .outline {height: 280px;}
  #relatedVideos .video-item {height: 300px !important;}
  #relatedVideos .video-item-thumb {height: 260px !important;}
}
@media (max-width: 560px) {
  .video-item-thumb {height: 170px !important;}
  .video-item,.video-item.featured {height: 250px !important;}
  .video-item .outline {height: 250px;}
  #relatedVideos .video-item {height: 260px !important;}
  #relatedVideos .video-item-thumb {height: 215px !important;}
}
@media (max-width: 480px) {
  .video-item-thumb, .video-item.featured .video-item-thumb {height: 300px !important;}
  .video-item,.video-item.featured {height: 400px !important;width: 100% !important;}
  .video-item .outline {height: 400px;}
  #relatedVideos .video-item {height: 350px !important;}
  #relatedVideos .video-item-thumb {height: 310px !important;}
}
@media (max-width: 380px) {
  .video-item-thumb, .video-item.featured .video-item-thumb {height: 280px !important;}
  .video-item,.video-item.featured {height: 360px !important;width: 100% !important;}
  #relatedVideos .video-item {height: 360px !important;}
  #relatedVideos .video-item-thumb {height: 270px !important;}
  .video-item .outline {height: 310px;}
}
@media (max-width: 320px) {
  .video-item-thumb, .video-item.featured .video-item-thumb {height: 230px !important;}
  .video-item,.video-item.featured {height: 310px !important;width: 100% !important;}
  .video-item .outline {height: 310px;}
  #relatedVideos .video-item {height: 290px !important;}
  #relatedVideos .video-item-thumb {height: 260px !important;}
}