File: /var/www/html/tmpr/../tmpr/..//tmpr/..//tmpr/..//tmpr/..//css/movies-app.css
.preview_down, .preview_up , .preview_left , .preview_right {
cursor: pointer;
/*opacity: 0.5;*/
position: absolute;
-moz-transition: opacity 0.2s ease 0s;
-ms-transition: opacity 0.2s ease 0s;
-o-transition: opacity 0.2s ease 0s;
-webkit-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
height:40px;
width:40px;background-size:40px;
}
.preview_down:hover, .preview_up:hover,.preview_left:hover,.preview_right:hover, {
opacity: 1;
}
.preview_up {
bottom : 139px;
left:30px;
background-image:url(../images/images/up2.png);
}
.preview_down {
bottom : 89px;
left:30px;
background-image:url(../images/images/down.png);
}
.preview_left {
bottom : 114px;
left:4px;
background-image:url(../images/images/left.png);
}
.preview_right {
bottom : 114px;
left:57px;
background-image:url(../images/images/right.png);
}
#preview {
z-index:900000;
}
.swiper-content .inner {
padding: 2px;
}
.swiper-content .movie-pic {
text-align:center;
border-radius: 5px;
box-shadow: 0px 1px 2px #000;
width: 80%;
height: auto;
margin-top:10px;
}
.swiper-nav {
width: 100%;
}
.swiper-nav .swiper-slide {
width: 80px;
height: 80px;
text-align: center;
float:left;
}
#controls {
position:relative;
top:400px;
left:50px;
}
.swiper-nav .swiper-slide, .swiper-nav .angle {
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.swiper-nav .angle {
}
.swiper-nav .active-nav {
background: #fff;
box-shadow: 0px 2px 5px rgba(0,0,0,0.4) inset;
}
.swiper-nav .active-nav .angle {
opacity: 1;
}
.swiper-nav .swiper-wrapper {
margin: 0 auto;
}
.swiper-nav img {
margin-top: 10px;
width: 60px;
height: 60px;
border-radius: 5px;
/*box-shadow: 0px 1px 2px #ebeef5;*/
}