.myClipViewer {
background: url(https://brock.de/wp-content/plugins/360grad/images/myClipViewerLoader.gif) no-repeat center #FFF;
position: relative;
margin:0;
}
.myClipViewer img {
border:none;
}
.myClipViewerZoomDiv {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:100000;
background:#FFF;
overflow:hidden;
cursor:move;
display:none;
}
.myClipViewerZoomImgWrapper {
background:url(https://brock.de/wp-content/plugins/360grad/images/myClipViewerLoader.gif) no-repeat center center;
position:absolute;
width:100%;
height:100%;
overflow:hidden;
}
.myClipViewerZoomDiv img {
position:absolute;
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 400ms;
-webkit-transition-timing-function: ease-out;
-webkit-transform: translate(0px, 0px);
}
.myClipViewerZoomClose {
cursor:pointer;
display:block;
width:48px;
height:48px;
position:absolute;
z-index:100000;
top:20px;
right:20px;
background:url(https://brock.de/wp-content/plugins/360grad/images/myClipZoomClose.png) no-repeat 0 0;
}
.myClipViewerZoomClose:hover {
background-position:0 -58px;
}
.myClipViewerNav {
position:absolute;
bottom:0;
left:0;
width:100%;
height:35px;
z-index:100000;
text-align:right;
}
.myClipViewerZoomButton {
width:30px;
height:30px;
background:url(https://brock.de/wp-content/plugins/360grad/images/myClipViewerNav.png) no-repeat 0 -40px;
cursor:pointer;
display:inline-block;
text-decoration:none!important;
border:none!important;
margin:0 5px 0 0!important;
}
.myClipViewerZoomButton:hover {
background-position:0 0;
}
.myClipViewerPlayButton {
width:30px;
height:30px;
background:url(https://brock.de/wp-content/plugins/360grad/images/myClipViewerNav.png) no-repeat -30px -40px;
cursor:pointer;
display:inline-block;
text-decoration:none!important;
border:none!important;
margin:0 5px 0 0!important;
}
.myClipViewerPlayButton:hover {
background-position:-30px 0;
}
.myClipViewerPlayButton.active {
background-position:-60px 0;
}
.myClipViewerChange.active {
color:#000;
}