.public-equirment-vid-details {
|
position: fixed;
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
width: 648px;
|
height: 401px;
|
background-color: transparent;
|
z-index: 99;
|
font-size: 16px;
|
box-shadow: inset 0px 3px 20px 1px #5BC3D1;
|
opacity: 1;
|
border: 1px solid #69E2ED;
|
background: rgba(20, 66, 104, 0.8);
|
border-radius: 10px;
|
margin: 0;
|
padding: 0;
|
}
|
|
.public-equirment-vid-details .header {
|
position: relative;
|
width: 270px;
|
height: 24px;
|
font-size: 18px;
|
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
|
font-weight: bold;
|
color: #58BFCD;
|
line-height: 20px;
|
margin: 20px auto;
|
}
|
|
.public-equirment-vid-details .header div {
|
text-align: center;
|
}
|
|
.public-equirment-vid-details .header .close {
|
position: absolute;
|
top: -20px;
|
right: -260px;
|
cursor: pointer;
|
}
|
|
.public-equirment-vid-details .content {
|
padding: 0 10px;
|
}
|
|
.public-equirment-vid-details .content .video {
|
box-sizing: border-box;
|
height: 330px;
|
width: 100%;
|
}
|
|
.public-equirment-vid-details .content .video video::-webkit-media-controls-timeline {
|
display: none;
|
}
|
|
.public-equirment-vid-details .content .video video {
|
object-fit: fill;
|
border-radius: 5px;
|
}
|
