.border-top {
border-top: 2px solid #AAA;
}
.border-bottom {
border-bottom: 2px solid #AAA;
} .rollover {
position: relative;
display: block;
}
.overlay {
position: absolute;
top: 8px;
left: 14px;
display: none;
}
.overlay-container:hover {
display: block;
}
.thumb-row {
padding-top: 30px;
padding-bottom: 10px;
}
.videoThumbs  {
margin-bottom: 40px;
}
.videoThumbs a {
display: block;
}
.videoThumbs .thumb {
margin-bottom: 25px;
display: block;
width: 100%;
height: auto;
}
.videoThumbs .thumb > a {
color: #676767
}
.child-thumbnail {
position: relative;
display: block;
border: 5px solid #fff;
box-shadow: 0 0 5px #ccc;
}
.child-thumbnail a {
margin-bottom: 20px;
display: inline-block;
}
.desc {
color: #676767;
display: block;
margin-bottom: 52px;
font-size: 1rem;
}
.runtime {
background-color: #000000;
border-radius: 0 5px 5px 0;
bottom: 10%;
color: #FFFFFF;
display: none;
left: 0;
font-size: 1rem;
opacity: 0.8;
padding: 0 10px;
position: absolute;
text-shadow: 1px 1px #000000;
} #video-wrapper {
margin-bottom: 50px;
margin: 0 auto;
}
.videoThumbs {
min-height: 280px;
}
#video { }
#video iframe {
width: 100%;
height: 560px;
margin-bottom: 40px;
}
#video-details {
background-color: #F2F2F2;
overflow-y: hidden;
color: #5C5C5C;
font-size: 1.6rem;
}
.content {
height: 449px;
overflow-y: scroll;
} .details-header {
background-repeat: repeat-x;
background: #111111; background: -moz-linear-gradient(top, #111111 0%, #555555 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, #555555)); background: -webkit-linear-gradient(top, #111111 0%, #555555 100%); background: -o-linear-gradient(top, #111111 0%, #555555 100%); background: -ms-linear-gradient(top, #111111 0%, #555555 100%); background: linear-gradient(to bottom, #111111 0%, #555555 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#555555', GradientType=0); text-align: center;
}
.details-header > div {
padding: 5px 0;
}
.details-header > div:first-child {
border-right: 1px solid #666;
}
.details-header a {
color: #FFF;
text-decoration: none;
font-size: 1.3rem;
}
#video-details h1 {
color: #5C5C5C;
font-weight: bold;
margin-top: 15px;
margin-bottom: 10px;
font-size: 1.9rem;
font-family: "myriad-pro", sans-serif;
font-style: normal;
font-weight: 300;
}
#video-details p {
font-size: inherit;
text-align: left;
}
.video_description {
display: none;
}
.video_transcript {
display: none;
}
.clear {
clear: both;
margin: 0;
padding: 0 !important;
} .gallery-content { background-color:#FFF;
border-top:5px solid #0f2d53;
border-left:0 solid #d4d4d4;
border-right:0 solid #d4d4d4;
border-bottom:0 solid #d4d4d4;
padding: 30px;
margin-bottom: 50px;
}
.gallery {
padding: 20px 0 40px;
} @media (max-width:480px) {
.content {
height: 200px;
}
#video iframe {
height: 200px !important;
}
.videoThumbs {
max-height: auto !important;
}
.child-thumbnail {
max-width: 100% !important;
width: 100% !important;
margin: 0 0 20px 0 !important;
}
}