.maJvideo{
    position: relative;
}
.maJvideo .listJ1{
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0px;
}
.maJvideo .listJ1 >div{
    display: flex;
    width: 33.3%;
}
.maJvideo .listJ1 >div video{
    width: 99%;
    border: #787878 1px solid;
    height: 500PX;
}
.maJvideo .listJ2{
    display: flex;
    flex-wrap: wrap;
}
.maJvideo .listJ2 > div{
    
width: 50%;
}
.maJvideo .listJ2 > div video{
    width: 99%;
    height: 410px;
}
@media screen and (max-width: 580px) {
	.maJvideo .listJ1 >div video{
	    height: auto;
	}
	.maJvideo .listJ2 > div video{
		 height: auto;
	}
	.maJvideo .listJ2 > div{
    width: 100%;
}
}