.video-holder {
    background: #1b1b1b;
    padding: 10px;
	width: 640px;
    margin: 60px auto 0;
}
.video-holder .video-js{
	width:640px !important;
	height:480px !important;
}
.playlist {
    color: #c0c0c0;
    border-radius: 8px;
    display: block;
    margin: 5px 0;
    padding: 1px 0 0 0;
    position: relative;
    background: -moz-linear-gradient(top,#000 0,#212121 19%,#212121 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(19%,#212121),color-stop(100%,#212121));
    background: -o-linear-gradient(top,#000 0,#212121 19%,#212121 100%);
    background: -ms-linear-gradient(top,#000 0,#212121 19%,#212121 100%);
    background: linear-gradient(to bottom,#000 0,#212121 19%,#212121 100%);
    box-shadow: 0 1px 1px #1a1a1a inset,0px 1px 1px #454545;
    border: 1px solid #1a1a18;
}
#next {
    float: right;
}
#prev {
    float: left;
}

#prev, #next {
    cursor: pointer;
}

.playlist ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.playlist ul li {
    padding: 10px;
    border-bottom: 1px solid #000;
    cursor: pointer;
	text-align:right;
}
.playlist ul li.active {
    background-color: #4f4f4f;
    border-color: #4f4f4f;
    color: #FFF;
}
.playlist ul li:hover {
    border-color: #353535;
    background: #353535;
}


.playlist .poster, .playlist .title  {
    display: inline-block;
    vertical-align: middle;
}
.playlist .title {
	font:normal 13px Tahoma, Geneva, sans-serif;
}

@media screen and (max-width: 640px){
	.video-holder {
		width:480px;
	}
	.video-holder .video-js{
		width:480px !important;
		height:360px !important;
	}
}
@media screen and (max-width: 480px){
	.video-holder {
		width:320px;
	}
	.video-holder .video-js{
		width:320px !important;
		height:240px !important;
	}
}