.rcl-slider {
margin: 15px 0;
} .jssorl-009-spin img {
animation-duration: 1.6s;
animation-iteration-count: infinite;
animation-name: jssorl-009-spin;
animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
} .rcl-gallery-navigator { background-color: rgb(232, 232, 232);
position: absolute;
}
.rcl-gallery-navigator .p {
left: 0;
position: absolute;
top: 0;
}
.rcl-gallery-navigator .i {
filter: alpha(opacity=80);
left: 0;
opacity: .8;
position: absolute;
top: 0;
object-fit: cover;
}
.rcl-gallery-navigator .p:hover .i, .rcl-gallery-navigator .pav .i {
filter: alpha(opacity=100);
opacity: 1;
}
.rcl-gallery-navigator .o {
border: 1px solid #000;
box-sizing: content-box;
left: 0;
position: absolute;
top: 0;
-webkit-transition: border-color .6s;
-moz-transition: border-color .6s;
-o-transition: border-color .6s;
transition: border-color .6s;
}
.rcl-gallery-navigator .pav .o {
border-color: #0099ff;
}
.rcl-gallery-navigator .p:hover .o {
border-color: #fff;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.rcl-gallery-navigator .p.pdn .o {
border-color: #0099ff;
} .rcl-navigator-arrow {
cursor: pointer;
display: block;
position: absolute;
}
.rcl-navigator-arrow .a {
fill: none;
stroke: #fff;
stroke-width: 360;
stroke-miterlimit: 10;
}
.rcl-navigator-arrow:hover {
opacity: .8;
}