.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


#vcp {
	width:100%;
}

.vcp-fullscreen {
	background-color:rgb(220,220,220);
	width:100% !important;
	height:100% !important;
	position:fixed;
	left:0;
	top:0;
	z-index:101;
	padding:0px;
	margin:0px;
	box-shadow: 0px 0px 16px black;
}

#vcp-comments-scroll {
	width:auto;
	overflow-y: scroll;
	overflow-x: hidden;
	height:auto;
	padding:0;
}

#vcp-comments {
	width:auto;
	float:right;
	padding:0;
	height: auto;
}	

#vcp-video-size{
	width:65%;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

#vcp-img {
	max-width: 100%;
	display:block;
}


#vcp-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
	padding-top: 25px;
}

#vcp-video iframe{
	position: absolute;
	top:0;
	left:0;
	width: 100%!important;
	height: 100%!important;
}

#vcp-info {
	color:black;
	padding-right:18px;
	margin-bottom:2px;
}
.vcp-scroll {
	overflow-y: scroll;
	overflow-x: hidden;
}

#vcp-fullscreen-btn{
	height:40px;
	width:40px;
	background-color:rgba(200,200,200,1);
	box-shadow: 0px 0px 4px gray inset;
	border-radius: 4px;
}
#vcp-fullscreen-btn:hover {
	box-shadow: 0px 0px 4px black inset;
}

.vcp-mobile {
	width:100% !important;
}


.vcp-collapse-bar:hover {
	border-style: none none dotted none;
    border-width: 5px;
}

.vcp-v-collapsable {
	display:block;
}

.vcp-v-collapsed {
	display:none !important;
}

.vcp-collapse-bar {
	background-color:gray;
	height:20px;
    width:100%;
}