div.vidblock {background: #111111; margin: auto; margin-bottom: 20px;}

.vidwrap {
    position: relative;
    padding-bottom: 54%;
    height: 0;
    overflow: hidden;
    border: 0;
	margin: auto;
}
.vidwrap iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	display: block;
	margin: auto;
    }


/*---[Playlist]----*/
div#plist {
	max-height: 210px; 
	position: relative; 
	overflow: hidden; 
	margin: 0; 
	padding: 0;
	}

div#plist ul, 
div#plist li {
	margin: 0 !important; 
	padding: 0 !important; 
	border: 0 !important; 
	list-style: none !important; 
	line-height: normal !important;
	}

div#plist ul li {
	box-sizing: border-box;
	float: left;
	width: 33.33%;
	overflow: hidden;
	margin-bottom: 2px !important;
	}

div#plist ul li span.plimg {
	float: left; 
	margin-right: 5px; 
	border: 1px solid #333333; 
	padding: 1px;
	height: 56px; 
	overflow: hidden; 
	display: block; 
	}
div#plist ul li img {
	width: 100px; 
	height: auto; 
	border: 0 !important;
	padding: 0 !important;
	display: inline !important;
	}
div#plist ul li a {
	text-decoration: none; 
	height: 60px;
	display: block; 
	background: #222222;
	color: #aaaaaa; 
	padding: 4px;
	margin: 0 1px;
	overflow: hidden; 
	font-size: 11px; 
	font-weight: 100;
	font-family: Arial;
	line-height: normal;
	}
div#plist li a:hover, 
div#plist .currentvideo { background: #444444; }

/*---[ Add overlay mask to block link click on some videos ]------*/
.vidoverlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 50px;
	z-index: 1;
	display: block;
	}
span.playicon {
	display: inline-block;
	padding: 3px 12px;
	color: #ffcc00;
	background: #333333;
	margin: -5px 0 0 0;
	font-size: 10px;
	}

/*---[ PERFECT SCROLLBAR CSS ]---*/
.ps-container .ps-scrollbar-x-rail {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #aaa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #999;
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden;
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible;
}

.videoad {
	display: block;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 90px;
	text-align: center;
	bottom: 10%;
	opacity: 0.8;
    filter: alpha(opacity=80);
}
.videoad:hover {
	opacity: 1.0;
    filter: alpha(opacity=100);
}
.videoad img{
	border: 1px solid #666666;
}


@media all and (min-width: 320px) and (max-width : 639px) {

div#plist ul li {
	display: block; 
	width: auto; 
	margin-right: 0;
	float: none;
	}
.videoad {bottom: 20px !important;}
}

@media all and (min-width: 881px) and (max-width : 6000px) {
	div.vidblock {
		overflow: hidden;
		border-radius: 2px;
	}

	.vidblock .playlistvid, 
	.vidblock .ps-container {
		float: left;
	}
	.vidblock .playlistvid {
		width: 70%;
	}
	.vidblock .ps-container {
		width: 30%;
	}
	div#plist {max-height: 440px;}
	div#plist ul li {
		display: block;
		float: none;
		width: auto;
	}
	div#plist ul li a {
		background: rgba(34,34,34,0.8);
	}
	div#plist li a:hover, 
	div#plist .currentvideo {
		background: rgba(68,68,68,0.8);
	}

}