#videoSideListSmall { display: table; width: 100%; padding: 0; box-sizing: border-box; }

/*Player*/
#videoSideListSmall .videoSelected {
    padding-left: 0;
    position: relative;
}
#videoSideListSmall .vsWrap { display: none; }
#videoSideListSmall .vsWrap.selected { display: block; }
#videoSideListSmall .vsPlay { width: 100%; height: 0; display: block; background-size: cover; background-position: 50% 50%; position: relative; padding-bottom: 56.3%; /* min-height: 367px; */}
#videoSideListSmall .vsPlay:before {min-height:367px;}
#videoSideListSmall .playBtn { background-image: url('/Images/global/playBtn.png'); width: 76px; height: 76px; display: block; background-repeat: no-repeat; background-size: cover; position: absolute; left: 50%; top: 50%; margin-top: -38px; margin-left: -38px; padding: 0; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Images/global/playBtn.png', sizingMethod='scale')";    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Images/global/playBtn.png', sizingMethod='scale');}
.ie8 #videoSideListSmall .playBtn {background-image:none; width: 76px; height: 76px; display: block; background-repeat: no-repeat; background-size: cover; position: absolute; left: 50%; top: 50%; margin-top: -38px; margin-left: -38px; padding: 0; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Images/global/playBtn.png', sizingMethod='scale')";    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Images/global/playBtn.png', sizingMethod='scale');}
#videoSideListSmall .title { margin: 1em 0.5em 2em 0; font-size: 24px; font-weight: 300;}
#videoSideListSmall .videoPlayer { position: relative; top: 0; right: 15px; left: 0; /* display:none; */ height: 0; padding-bottom: 56.3%;}
/*#videoSideListSmall .videoPlayer > iframe { width: 100%; height: 100%; position: absolute; }*/

#videoSideListSmall .videoPlayer > iframe { width: 100%; height: 100%; top: 0; z-index: 1; position: absolute; 
    -webkit-transform: scale(0.1) translateY(100%); transform: scale(0.1) translateY(100%); will-change: transform, opacity; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; opacity: 0;}
#videoSideListSmall .videoPlayer > iframe.active {
    z-index: 2;
    /* display: none; */
    -webkit-transform: scale(1) translateY(0%);
    transform: scale(1) translateY(0%);
    opacity: 1;
}
/*List*/
#videoSideListSmall .videoList {padding-bottom: 3em; padding-right: 0;}
#videoSideListSmall .videoList > i {left: 50%;display: block;text-align: center;font-size: 26px;padding: 12px 0px;cursor: pointer;height: 50px;font-weight: 500;color: #0069BC;}
#videoSideListSmall .videoList > i.arrowUp {margin-top: -50px;}
#videoSideListSmall .videoList > i.arrowDown {}
#videoSideListSmall .videoList > i.inactive {color:#DDD;}
#videoSideListSmall .videosWrap { margin: -0.5em 0; display: block; width: 100%; height: 387px; overflow: hidden;}
#videoSideListSmall .marginHide { /* margin: -0.5em 0; */ display: table; width: 100%; transition: transform 0.5s; will-change: transform;}
#videoSideListSmall .videoItem { margin: 0.5em 0; cursor: pointer; padding: 0; display: table-row; overflow: hidden;}
#videoSideListSmall .videoItem.active { background-color: #E8ECEF; color: #1F7BC4; }
#videoSideListSmall .videoItem:hover { background-color: #E8ECEF; color: #1F7BC4; }
#videoSideListSmall .padEnforcer { vertical-align: middle; display: inline-block; float: none; padding-left: 0; max-width: 200px;}
#videoSideListSmall .videoThumbnail { height: 113px; background: no-repeat 50% 50%; background-size: cover; overflow: hidden; position: relative;}
#videoSideListSmall .videoThumbnail .playHover { content:'Play'; background:url('/Images/Home/FeaturedVideos/listHoverTriangle.png'); width: 800%; height: 800%; left: -325%; top: -350%; position: absolute; background-position: 50% 50%; background-size: 100%; transition: 0.25s; color: #FFFFFF; text-align: center; padding-top: 400%; font-size: 13px; text-transform: uppercase; opacity: 0; letter-spacing: 1px; font-weight: 600; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* vertical-align: bottom; */ position: absolute; border-radius: 0px;}
#videoSideListSmall .videoItem:hover .videoThumbnail .playHover {
 
    background-position: 50% -10px;
    opacity: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 50%;
}
#videoSideListSmall .playBtnTiny { background-image: url('/Images/global/playBtnTiny.png'); width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: 0% 100%; transition:0.1s ;position: absolute; filter: alpha(opacity=0);    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 1;}
#videoSideListSmall .videoItem:hover .playBtnTiny {opacity:0;background-position: -30px 110%;}
#videoSideListSmall .videoDesc { vertical-align: middle; font-weight: 400; font-size: 15px; line-height:1.75em; display: inline-block; float: none; line-height: 1.3; }

@media screen and (max-width:1199px) {

#videoSideListSmall .videoList {
    padding-left: 0;
    padding-right: 15px;
}
#videoSideListSmall .vsPlay{}
#videoSideListSmall .videoPlayer{}
}
@media screen and (max-width:991px) {
#videoSideListSmall .videoSelected {padding-right:0}
#videoSideListSmall .videoPlayer {right:0}
#videoSideListSmall .videoList {
  max-width: 100%;
  padding-right: 0;
}
 #videoSideList .videoList > i.arrowUp{
    margin-top: -20px;
}
}
@media screen and (max-width:767px) {
#videoSideListSmall .videoSelected {display:none}
}

@media (max-width: 479px){
  #videoSideListSmall .videoDesc { font-size: 14px; }
}