.videopanel { max-width:940px;width:98%;padding:0;margin: 15px auto;background:#eeeeee;border-radius:7px;box-shadow:2px 2px 7px #818181; }
.videopanelbody { padding:10px 10px 7px;background:#eeeeee url(../../images/article/5mov_vidpanelbg.jpg) bottom left repeat-x;border-radius:0 0 7px 7px; }
.videopanel_mainblk { float:left;width:69%;position:relative; }
.wrapmainblk { height:0;padding-bottom:52%;padding-top:25px;margin:0;position:relative;background:#ffffff; }
.wrapmainblk iframe{ width:100%;height:100%;position:absolute;top:0;left:0; }
.videocaption { font-style:italic;color:#ffffff;text-align:center;padding:7px 3%;margin:0 0 3%;background:#5a5a5a url(../../images/article/5mov_vidcaptionbg.jpg) bottom left repeat-x; }
.videotitlestyle { font-style:normal;color:#fcffa9;text-transform:uppercase; }
.videopanel_sideblk { float:right;width:30%;max-height:380px;padding:5px 5px;box-sizing:border-box;overflow:auto;background:#ffffff;border:#e7e7e7 solid 2px;border-radius:2px; }
.exerlistselect ul { padding:0;margin:0; }
.exerlistselect ul li { font-size:14px;font-family:HelveticaNeueLTStd-Lt;list-style:none;padding:0 0 5px;margin:0 0 5px;border-bottom:#e3e3e3 solid 1px; }
.exerlistselect ul li a { display:block;color:#9a1301;text-decoration:none;padding:4px 3px;margin:0;border-radius:5px; }
.exerthumb { display:table-cell;width:77px;vertical-align:middle; }
.exerthumb img { width:100%; }
.playicon { display: table-cell;width:14px;padding: 0 8px;vertical-align:middle; }
.playicon img { width:100%; }
.exertitle { display:table-cell;vertical-align:middle; }
.exerinfo { padding: 4px 5px;margin: 4px 1px;display: block;border-top: 1px solid;border-bottom: 1px solid;font-size: 12px; }
.activeVideo { color:#ffffff !important;background:#e52207 url(../../images/article/bmc_bg3.jpg) bottom left repeat-x; }

.downloadFile { position: absolute; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: visibility 0.2s linear, opacity 0.2s linear; -moz-transition: visibility 0.2s linear, opacity 0.2s linear; -o-transition: visibility 0.2s linear, opacity 0.2s linear;
 background: rgba(0, 0, 0, 0.7); border-radius: 5px; padding: 7px 9px; top: 10px; right: 10px; }
.downloadFile:hover { background: rgb(0, 173, 239); }
.downloadFile img { width: 65%; max-width: 33px; margin: 0 auto; display: block; }

.videopanel_mainblk:hover .downloadFile { visibility: visible; opacity: 1; }

@media screen and (max-width:1100px) {
	.videopanel { max-width:700px; }
	.videopanel_mainblk { float:none;width:100%; }
	.videopanel_sideblk { float:none;width:100%;max-height:none; }
	.exerlistselect ul li a { padding:3px 3px;border-radius:3px; }
	.exerthumb { width:40px; }
	
}
@media screen and (max-width:500px) {
	.videopanel { border-radius:5px; }
	.exerlistselect ul li { font-size:13px; }
	.exerlistselect ul li a { border-radius:3px; }
}
@media screen and (max-width:400px) {
	.videopanel { border-radius:3px; }
	.videopanelheader { font-size:15px;border-radius:3px 3px 0 0; }
	.wrapmainblk { padding-bottom:50%; }
	.exerlistselect ul li { font-size:12px; }
	.exerlistselect ul li a { border-radius:2px; }
}
@media screen and (max-width:350px) {
	.videopanelheader { font-size:14px; }
	.exerlistselect ul li { font-size:11px; }
}