.mask{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.6);top:0;left:0;display: none;z-index: 300;}
  #allmap{  width:586px;  height:354px; }
 .video_tan{
    width: 685px;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
	margin: -250px 0 0 -342px;
    opacity: 1;
    z-index: 10002;
    padding-bottom: 20px;
 }
.videoshipin{height: 450px;}
@media screen and (max-width:1220px) {
  #allmap{  width:440px;height: 300px;  }
}
@media screen and (max-width:1100px) {
  #allmap{  width:380px;height: 260px;  }
}
@media screen and (max-width:960px) {
 .video_tan{
	width: 480px;
	margin: -208px 0 0 -240px;
	}
.video_tan video {
    width: 450px;
	height: 320px;}	
  #allmap{  width:320px;height: 240px;    }
}
@media screen and (max-width:768px) {
 .video_tan{
	width: 400px;
/*	margin: -175px 0 0 -200px;*/
	}
.videoshipin{height: 228px;}
.video_tan video {
    width: 360px;
    height: 270px;
}	
  #allmap{  width:480px;height: 340px; margin: 0 auto;}

}
@media screen and (max-width:470px){
 .video_tan{
    width: 380px;
	margin: -165px 0 0 -190px;
	}
	.video_tan video {
    width: 330px;
    height: 250px;
}
  #allmap{  width:350px;height: 240px;    }
}
@media screen and (max-width:400px) {
	 .video_tan{
    width: 320px;
	margin: -140px 0 0 -160px;
	}
	.video_tan video {
    width: 300px;
    height: 200px;
}
  #allmap{  width:320px;height: 240px;    }
}
@media screen and (max-width:320px) {
	 .video_tan{
    width: 280px;
	margin: -130px 0 0 -140px;
	}
	.video_tan video {
    width: 250px;
    height: 180px;
}
  #allmap{  width:260px;height: 200px;    }
}