.button-reload-video {
width: 100%;
}
.button-refresh-video {
background-color: #db601e;
color: white;
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
padding: 7px 12px;
font-size: 14px;
border-radius: 4px;
} .fix-bn {
position: fixed;
z-index: 1040;
text-align: center;
width: 100%;
display: flex;
flex-direction: column;
}
.fix-bn > * {
margin-top: 2px;
}
.fix-bn img {
max-width: 100%;
}
.fix-bn .close-bn-btn {
position: absolute;
width: 24px;
height: 24px;
font-size: 15px;
opacity: 0.75;
color: #000;
background-color: #eee;
line-height: 25px;
z-index: 1041;
text-align: center;
cursor: pointer;
}
.fix-bn > div {
display: inline-block;
position: relative;
}
.fix-bn > div > span {
top: 0;
}
.fix-bn-r > div > span {
left: 0;
}
.fix-bn-l,
.fix-bn-r {
top: 90px;
width: 120px;
}
.fix-bn-l img,
.fix-bn-r img {
width: 120px;
height: auto;
}
.fix-bn-l {
left: 10px;
}
.fix-bn-r {
right: 10px;
}
.fix-bn-bt {
left: 0;
bottom: 0;
}
.fix-bn-bt > div {
margin-left: auto;
margin-right: auto;
max-width: 728px;
}
.fix-bn-l > div > span,
.fix-bn-bt > div > span {
right: 0;
}
.is-home-page .fix-bn > div.fix-bn-hidden-home-page {
display: none;
}
@media only screen and (max-width: 767px) {
.fix-bn-l,
.fix-bn-r,
.fix-bn-l img,
.fix-bn-r img {
width: 60px;
}
}