.video-page { position: relative; }

.video-page .row { width: 620px; margin-left: auto; margin-right: auto; }
.video-page .inner-content { margin-left: 10px; margin-right: 10px; }

.video-page .comments { margin-bottom: 30px; }
.video-page .comments h1 { background: url(../img/icon-comments.png) 10px no-repeat; }
.video-page .recommendation h1 { background: url(../img/icon-heart.png) 10px no-repeat; }

.video-page .video-duration {
	background: #666666;
	background: #666666 -moz-linear-gradient(center top, #444444, #666666) repeat scroll 0 0 / 100% auto;
	background: #666666 linear-gradient(0deg, #444444, #666666) repeat scroll 0 0 / 100% auto;
	border-radius: 3px;
	box-shadow: 0 1px 0 #f7f7f7, 0 1px 2px #6c6c6c inset;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	font-weight:bold;
	color: #fff;
	padding: 3px 5px;
}

.video-page .info-bar { color: #666; font-size: 12px; height: 38px; margin-bottom: 8px; }
.video-page .info-bar .duration-elem { margin-top: 12px; float: left; }
.video-page .info-bar .social-elems { float: right; height: 32px; }
.video-page .info-bar .social-elem { margin-top: 9px; float: left; }
.video-page .info-bar .social-elem.fb { margin-right: 12px; }
.video-page .info-bar .social-elem.twitter { margin-right: 12px; }
.video-page .info-bar .social-elem.pinterest { margin-right: 16px; }

.video-page .big .ad .title { font-size: 10px; color: #555; height: 10px; width: 300px; margin: 0;line-height:10px; }
.ad .title { font-size: 10px; color: #555; height: 10px; width: 300px; margin: 0;line-height:10px; }
.video-page .ad .banner { width: 300px; /*height: 250px;*/ }

.video-page .big { margin: 0 0 15px 0; padding: 10px 0 10px 0; }
.video-page .big img, .video-page .big a { display: block; }
.video-page .big .title { width: auto; height: auto; margin-bottom: 10px; }
.video-page .big .player.inner-content { width: 600px; height: 338px; }
.video-page .big .player.inner-content object { width: 100%; height: 100%; }
.video-page .big .player.inner-content .limelight-player-footprint[style] { width: 100% !important; height: 100% !important; }

.video-page .small .title { height:45px; padding-top:2px; }
.video-page .small { margin: 0 10px 0 10px; }

.video-page .next-prev { margin-bottom: 35px; }
.video-page .small.prev { padding-left: 30px; float: left; margin-right: 0; position: relative; }
.video-page .small.prev .arrow {
    display: block; position: absolute; top: 0; left: 0; width: 14px; height: 118px; text-indent: -10000px;
    background: url(../img/icon-prev.png) 0 8px no-repeat;
}
.video-page .small.next { padding-right: 30px; float: right; margin-left: 0; position: relative; }
.video-page .small.next .arrow {
    display: block; position: absolute; top: 0; right: 0; width: 14px; height: 118px; text-indent: -10000px;
    background: url(../img/icon-next.png) 0 8px no-repeat;
}

@media all and (min-width: 940px) {
    .video-page .ad { /* position: absolute; top: 52px; right: 0; */}
    .video-page .row { float: left; }
    .video-page .row.recommendation { float: right; width: 300px; /*margin-top: 332px; */}
    .video-page .recommendation h1 { background: url(../img/icon-heart.png) 0 no-repeat; text-indent: 40px; }
    .video-page .recommendation .small { margin: 0 auto 10px auto; float: none; width: 210px; }
}

@media all and (max-width: 939px) {
    .video-page .recommendation { width: 620px; }
    .video-page .recommendation .small { margin: 0 60px 10px 0; }
    .video-page .recommendation .small:nth-child(even) { float: right; margin: 0 40px 10px 0; }
    .video-page .recommendation .small:nth-child(odd) { float: left; margin: 0 0 10px 40px; }
    
    .video-page .info-bar { float: left; height: auto; width:99%;}
   /* .video-page .info-bar .duration-elem { margin-top: 12px; float: none; }
    .video-page .info-bar .social-elems { margin-top: 19px; float: none; height: auto; }
    .video-page .info-bar .social-elem { float: none; } */
    
    .video-page .ad {/* float: right;*/ margin: 10px 10px 10px 0; }
}

@media all and (max-width: 619px) {
    .video-page .row { width: 100%; }
    .video-page .big .player.inner-content { margin-right: auto; margin-left: auto; }
}

@media all and (max-width: 599px) {
    .video-page .row { width: 500px; }
    .video-page .big .player.inner-content { width: 480px; height: 321px; margin-left: 10px; margin-right: 10px; }
    .video-page .recommendation .small:nth-child(even) { margin: 0 10px 10px 0; }
    .video-page .recommendation .small:nth-child(odd) { margin: 0 0 10px 10px; }
    .video-page .small.prev { background-position: 0 8px; padding-left: 15px; }
    .video-page .small.next { background-position: 211px 8px; padding-right: 15px; }
}

@media all and (max-width: 499px) {
    .video-page .row { width: 100%; }
    .video-page .big .player.inner-content { margin-left: auto; margin-right: auto; }
}

@media all and (max-width: 479px) {
    .video-page .row { width: 100%; }
    .video-page .big .player.inner-content { width: 100%; }
    .video-page .big img.player.inner-content { height: auto; }
    .video-page .small.prev {
        background-position: 0 8px; width: 210px; float: none;
        padding: 0 30px 0 30px; margin-left: auto; margin-right: auto;
    }
    .video-page .small.next {
        background-position: 256px 8px; width: 210px; float: none;
        padding: 0 30px 0 30px; margin-left: auto; margin-right: auto;
    }
}

@media all and (max-width: 449px) {
    .video-page .recommendation .small,
    .video-page .recommendation .small:nth-child(even),
    .video-page .recommendation .small:nth-child(odd) {
        /* float: none; margin: 0 auto 10px auto; width: 210px; */
		float: none; margin: 0 1% 10px auto; width: 98%;
    }
    .video-page .ad { float: none; margin: 10px auto 10px auto; width: 300px; }
    .video-page .info-bar { float: none; height:84px;}
    .video-page .info-bar .social-elem { float: left; }
}

@media screen and (min-device-width: 800px) {
    /* Facebook fluid comments box (mobile version is already fluid): */
    .fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] { width: 100% !important; }
    .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] { width: 100% !important; }
}