.video_div{width: 100%; margin: 30px auto 70px;}
.videopic { position: relative; float: left; width:29.33%; box-sizing: border-box; margin-top: 0; margin-right: 2%; margin-left: 2%; margin-bottom: 30px;}
.videopic a.videoa{ display: block; position: relative; width: 100%; height: 0; padding-top: 60.0%; font-size: 0; overflow: hidden;}
.videopic a.videoa img{position: absolute; left: 0; right: 0; bottom: 0; top: 0; max-width: 100%; max-height: 100%; margin: auto; transition: all 0.3s ease;}
.videopic:hover a.videoa img{ transform:scale(1.1);}
.videopic p{margin-top: 1px; position: relative; z-index: 20; text-align: center; width:100%; height: 42px; color:#000; line-height: 42px;}
.videopic:hover p{color:#f60; }
.videopic .maskicon{position: absolute; left: 50%; top: 0; width:100%; height: 248px; line-height: 228px; text-align: center; margin-left: -50%;}
.videopic .maskicon a img{color:rgba(255,255,255,.8); font-size:48px;}
.videopic:hover .maskicon a img{ box-shadow: 0px 0px 30px rgba(255,102,0,0.97);}
.pages {
    padding: 20px 0;
    text-align: center;
    font-size: 12px;
	box-sizing: border-box;
}
.pages label {
    background: #FFFFFF;
    border: #CCCCCC 1px solid;
    padding: 6px;
}
.pages label em {
    color: red;
    font-weight: bold;
    font-style: normal;
}
.pages label span {
    font-weight: bold;
}
.pages a:link, .pages a:visited, .pages a:active {
    background: #FFFFFF;
	color:#333;
    border: #E6E6E6 1px solid;
    padding: 6px;
    text-decoration: none;
    margin: 0 6px;
}
input, select, textarea {
    font-size: 14px;
    padding: 4px;
    border-radius: 2px;
    border: #e3e3e3 1px solid;
}
.pages_inp {
    border: #CCCCCC 1px solid;
    padding: 6px;
    width: 30px;
    text-align: center;
    color: #666666;
}
.pages_btn {
    width: 48px;
    background: #EEEEEE;
    border: #CCCCCC 1px solid;
    font-weight: bold;
    padding: 6px;
    margin: 0 6px;
	cursor: pointer;
}

.fitcontainer {padding: 0;padding-top: 5px;box-shadow: none;padding-bottom: 50px;}
h3.mainh3{ color: #1754a3; text-align: center; font-size: 22px; font-weight: 700; line-height: 50px;}
.smalltitle{border-top:1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; font-size: 12px;}
.smalltitle p{text-align: center; color:#666; padding: 15px 0;}
.smalltitle span{padding: 0 15px;}

.videodetails{width:100%; max-width: 910px; margin: 0 auto; margin-top: 15px;}
.videodetails p, .videodetails div{font-size: 1.4rem; line-height: 2; color:#303030!important; text-align: justify;}
.videodetails img{max-width: 750px; height: auto!important; margin: 0 auto; margin-top: 20px; text-align: center;}
.videodetails img:hover{transform: scale(1.08);}

a.backbtn { display: inline-block; width:142px; height: 42px; background-color: #f5f5f5; color: #434343; font-size: 16px; border: 1px solid #434343; margin: 0px auto 100px; text-align: center; border-radius: 5px; line-height: 40px;}
a.backbtn:hover {background-color: #ff6600; border: 1px solid #ff6600; color: #fff;}

@media (max-width:767px)
{
	.videopic {     
		width: 100%;
		margin-top: 0;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 20px;
	}
	.videodetails img {
		max-width: 100%!important;
		height: auto!important;
		margin: 0 auto;
		margin-top: 20px;
		text-align: center;
	}
}