.modal .modal-header{ border-bottom:none;}
.modal{text-align:center; width:100%; height:100%;}
.modal .modal-content{ width:100%; height:100%; position:absolute;margin:0 auto; left:0; right:0;top:50%;margin-top:-275px;max-width:800px; max-height:500px;}
.modal .modal-content video{ width:100%; height:100%; max-height:480px;}
.search{ position: fixed;text-align:center;top:0; left:0; z-index:99;width:100%; height:100%; display:none;}
.search .bg{ position:absolute; left:0; top:0; background:url(../img/bg.png) repeat; width:100%; height:100%;}
.search .item{ position:absolute; top:50%;left:0; right:0; margin:-35px auto 0 auto; z-index:10;}
.search small{ display:block;color:#fff; font-size:16px; text-transform:uppercase; margin-bottom:15px;}
.search form{ background:#fff; width:100%; max-width:380px; position:relative;margin:0 auto;line-height:40px; font-size:16px; color:#575757;}
.search form .text{ border:0; width:100%; text-align:center;}
.search form .submit{ position:absolute; right:10px; border:0;top:11px; width:16px; height:16px; background:url(../img/search.jpg) no-repeat center;}
.videos{float:left; width:100%;text-align:center;position:relative; margin:10% 0; height:544px;background:url(../images/video.jpg) no-repeat center;}
.videos .item{ position:absolute; color:#fff;left:0; right:0; margin-top:16%;z-index:1}
.videos .item .p1{ font-size:45px; font-weight:bold; line-height:55px; margin-bottom:10px;}
.videos video{ width:100%;}
#sidr{ position: fixed;font-size:17px;left:-100%;top:0; max-width:480px;text-transform:uppercase;height:100%;width:60%;background:#f7f8f9;z-index:999;overflow-y:scroll;}
#sidr .menu{ position:absolute; right:5%; top:2.5%;}
#sidr ul{ width:100%; margin-top:15%;}
#sidr ul li { line-height:50px;border-bottom:solid 1px #dfdfdf; display:block;text-indent:10%; font-weight:bold}
#sidr ul li.click{ background:url(../img/d.png) no-repeat 90% 20px;}
#sidr ul li .down{display:none; background:#b31e23; margin:0;}
#sidr ul li .down li{border-top:solid 1px #d1787b; font-size:14px;margin:0; border-bottom:none; font-weight:normal}
#sidr ul li .down li a{color:#fff;}


@media (max-width:1024px){
.videos video{ display:none}
.videos{padding:15% 0; height:auto; background-size:cover; }
.videos .item{position:static; margin:0}
.videos .item .p1{ font-size:40px; line-height:45px;}
.footer{font-size:16px;}
.footer .footer-by{font-size:14px;}
}
@media (max-width:768px){
.modal .modal-content{ top:40%;width:auto; height:auto; max-height:none; max-width:none; margin:0 auto;}	
}
@media (max-width:480px){
#sidr{ font-size:14px;}
#sidr .menu img{ width:15px}
#sidr ul li .down li{ font-size:13px;}
.videos .item .p1{ font-size:26px; line-height:30px;}
.videos .item .p2 img{ width:40px;}
}
@media (max-width:320px){
.videos .item .p1{ font-size:23px; line-height:30px;}

}