fotoramajs 4.2.3 → 4.3.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,4 +1,736 @@
1
1
  /*!
2
- * Fotorama 4.2.3 | http://fotorama.io/license/
2
+ * Fotorama 4.3.0 | http://fotorama.io/license/
3
3
  */
4
- .fotorama__stage__shaft,.fotorama__stage__frame,.fotorama__html{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__img,.fotorama__oooo{position:absolute;top:50%;left:50%}.fotorama__img{margin:-50% 0 0 -50%;width:100%;height:100%}.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__stage__frame,.fotorama__wrap--css3 .fotorama__nav__frame,.fotorama__wrap--css3 .fotorama__img,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__caption,.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-play,.fotorama__video-close{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--video .fotorama__stage__shaft,.fotorama__wrap--video .fotorama__stage__frame--video{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{-webkit-transition-property:-webkit-transform;transition-property:-ms-transform;transition-property:transform;-webkit-transition-timing-function:cubic-bezier(0.1,.25,.25,1);transition-timing-function:cubic-bezier(0.1,.25,.25,1);-webkit-transition-duration:0ms;transition-duration:0ms}.fotorama__wrap,.fotorama__no-select,.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-play,.fotorama__video-close,.fotorama__stage:before,.fotorama__stage:after,.fotorama__nav:before,.fotorama__nav:after{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:0;padding:0}.fotorama__nav__shaft,.fotorama__nav__frame{display:-moz-inline-box;-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__wrap *{-moz-box-sizing:content-box;box-sizing:content-box}.fotorama__caption{-moz-box-sizing:border-box;box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__stage__shaft,.fotorama__stage__frame,.fotorama__nav,.fotorama__nav__shaft,.fotorama__nav__frame,.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-play,.fotorama__video-close{-webkit-tap-highlight-color:rgba(0,0,0,0)}.fotorama__arr__arr,.fotorama__fullscreen-icon,.fotorama__video-play,.fotorama__video-close{background:image-url("fotorama.png") no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.fotorama__arr__arr,.fotorama__fullscreen-icon,.fotorama__video-play,.fotorama__video-close{background:image-url("fotorama@2x.png") no-repeat;background-size:96px 160px}}.fotorama__thumb{background-color:rgba(127,127,127,.2)}.fotorama{min-width:1px}.fotorama>*{visibility:hidden}.fotorama.fotorama--noscript>*,.fotorama>.fotorama__wrap{visibility:visible}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important;margin:0!important;padding:0!important;background:#000}.fotorama--fullscreen{position:absolute;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none;z-index:2147483647;background:#000;width:auto!important;height:auto!important;margin:0!important}.fotorama--fullscreen .fotorama__stage,.fotorama--fullscreen .fotorama__nav{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative}.fotorama__stage{overflow:hidden;position:relative}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__grabbing *{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:-o-grabbing!important;cursor:-ms-grabbing!important;cursor:grabbing!important}.fotorama__img{opacity:0;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important}.fotorama__loaded .fotorama__img,.fotorama__error .fotorama__img{opacity:1}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{opacity:1}.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active,.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html{opacity:0}.fotorama__img{border:0;overflow:hidden}.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__stage--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__stage--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;position:relative;overflow:hidden;white-space:nowrap;z-index:5}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:6px;height:6px;border:0}.fotorama__dot{border-color:#7f7f7f}.fotorama__active .fotorama__dot{background-color:#7f7f7f}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:-webkit-linear-gradient(top left,rgba(255,255,255,.25),rgba(64,64,64,.1));background-image:linear-gradient(top left,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;max-width:100%;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000;background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--no-controls .fotorama__caption,.fotorama__wrap--video .fotorama__caption{opacity:0}.fotorama__oooo{width:6px;height:6px;margin-left:-8px;margin-top:-3px}.fotorama__oooo:before,.fotorama__oooo:after{content:'';position:absolute;left:0;top:0;width:6px;height:6px;border-radius:6px;background-color:#bfbfbf;background-color:rgba(127,127,127,.5)}.fotorama__oooo:before{left:-10px}.fotorama__oooo .fotorama__oooo{margin-left:17px}.fotorama__oooo--1:before,.fotorama__oooo--2:after,.fotorama__oooo--3 .fotorama__oooo:before,.fotorama__oooo--4 .fotorama__oooo:after{background-color:#7f7f7f}.fotorama__wrap--css3 .fotorama__img,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3.fotorama__wrap--fade .fotorama__stage__frame,.fotorama__wrap--css3 .fotorama__caption{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:300ms;transition-duration:300ms}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}.fotorama__video iframe{width:100%;height:100%}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-play,.fotorama__video-close{display:block;position:absolute;z-index:11;cursor:pointer;opacity:0}.fotorama__arr,.fotorama__fullscreen-icon{opacity:1}.fotorama__arr{width:48px;height:100%;top:0;bottom:0}.fotorama__arr__arr{position:absolute;width:32px;height:32px;left:50%;top:50%;margin-left:-16px;margin-top:-16px}.fotorama__arr--prev{left:0}.fotorama__arr--prev .fotorama__arr__arr{background-position:0 0}.fotorama__arr--next{right:0}.fotorama__arr--next .fotorama__arr__arr{background-position:-32px 0}.fotorama__arr--disabled{cursor:default;*display:none;text-shadow:none;opacity:.1!important}.fotorama__fullscreen-icon{width:32px;height:32px;top:0;right:0;background-position:0 -32px;z-index:20}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;left:50%;top:50%;margin-left:-16px;margin-top:-16px;background-position:-64px -32px;opacity:1!important}.fotorama__video-close{width:32px;height:32px;top:-32px;right:-32px;opacity:0;background-position:-64px 0;z-index:20}.fotorama__loaded .fotorama__video-play,.fotorama__error .fotorama__video-play{opacity:1;z-index:11}.fotorama__wrap--no-controls .fotorama__arr,.fotorama__wrap--no-controls .fotorama__fullscreen-icon,.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__fullscreen-icon,.fotorama__wrap--video .fotorama__fullscreen-icon{top:-32px;right:-32px}.fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__arr--prev,.fotorama__wrap--video .fotorama__arr--prev{left:-48px}.fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__arr--next,.fotorama__wrap--video .fotorama__arr--next{right:-48px}.fotorama__wrap--video .fotorama__stage .fotorama__video-play{opacity:0!important;z-index:-1}.fotorama__wrap--video .fotorama__video-close{top:0;right:0;opacity:1}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__video-play,.fotorama__wrap--css3 .fotorama__video-close{-webkit-transition:all 300ms;transition:all 300ms}.fotorama__stage:before,.fotorama__stage:after,.fotorama__nav:before,.fotorama__nav:after{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama--fullscreen .fotorama__stage:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__nav:after{display:none}.fotorama__stage:before,.fotorama__nav:before{background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),-webkit-radial-gradient(0 50%,farthest-side,rgba(0,0,0,.4),transparent);background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(0 50%,farthest-side,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__stage.fotorama__shadows--left:before,.fotorama__nav.fotorama__shadows--left:before{left:0}.fotorama__stage:after,.fotorama__nav:after{background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),-webkit-radial-gradient(100% 50%,farthest-side,rgba(0,0,0,.4),transparent);background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(100% 50%,farthest-side,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__stage.fotorama__shadows--right:after,.fotorama__nav.fotorama__shadows--right:after{right:0}.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after{display:none!important}
4
+ .fotorama__stage__shaft,
5
+ .fotorama__stage__frame,
6
+ .fotorama__html,
7
+ .fotorama__video iframe {
8
+ position: absolute;
9
+ width: 100%;
10
+ height: 100%;
11
+ top: 0;
12
+ right: 0;
13
+ left: 0;
14
+ bottom: 0;
15
+ }
16
+
17
+ .fotorama__wrap .fotorama__grab {
18
+ cursor: move;
19
+ cursor: -webkit-grab;
20
+ cursor: -moz-grab;
21
+ cursor: -o-grab;
22
+ cursor: -ms-grab;
23
+ cursor: grab;
24
+ }
25
+
26
+ .fotorama__grabbing * {
27
+ cursor: move;
28
+ cursor: -webkit-grabbing;
29
+ cursor: -moz-grabbing;
30
+ cursor: -o-grabbing;
31
+ cursor: -ms-grabbing;
32
+ cursor: grabbing;
33
+ }
34
+
35
+ .fotorama__img,
36
+ .fotorama__oooo {
37
+ position: absolute;
38
+ top: 50%;
39
+ left: 50%;
40
+ }
41
+
42
+ .fotorama__img {
43
+ margin: -50% 0 0 -50%;
44
+ width: 100%;
45
+ height: 100%;
46
+ }
47
+
48
+ .fotorama__wrap--css3 .fotorama__stage__shaft,
49
+ .fotorama__wrap--css3 .fotorama__nav__shaft,
50
+ .fotorama__wrap--css3 .fotorama__thumb-border,
51
+ .fotorama__wrap--css3 .fotorama__stage__frame,
52
+ .fotorama__wrap--css3 .fotorama__nav__frame,
53
+ .fotorama__wrap--css3 .fotorama__img,
54
+ .fotorama__wrap--css3 .fotorama__html,
55
+ .fotorama__wrap--css3 .fotorama__caption,
56
+ .fotorama__arr,
57
+ .fotorama__fullscreen-icon,
58
+ .fotorama__video-play,
59
+ .fotorama__video-close {
60
+ -webkit-transform: translate3d(0, 0, 0);
61
+ -ms-transform: translate3d(0, 0, 0);
62
+ transform: translate3d(0, 0, 0);
63
+ }
64
+
65
+ .fotorama__wrap--video .fotorama__stage__shaft,
66
+ .fotorama__wrap--video .fotorama__stage__frame--video {
67
+ -webkit-transform: none !important;
68
+ -ms-transform: none !important;
69
+ transform: none !important;
70
+ }
71
+
72
+ .fotorama__wrap--css3 .fotorama__stage__shaft,
73
+ .fotorama__wrap--css3 .fotorama__nav__shaft,
74
+ .fotorama__wrap--css3 .fotorama__thumb-border {
75
+ -webkit-transition-property: -webkit-transform;
76
+ transition-property: -ms-transform;
77
+ transition-property: transform;
78
+ -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
79
+ transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
80
+ -webkit-transition-duration: 0ms;
81
+ transition-duration: 0ms;
82
+ }
83
+
84
+ .fotorama__wrap,
85
+ .fotorama__no-select,
86
+ .fotorama__arr,
87
+ .fotorama__fullscreen-icon,
88
+ .fotorama__video-play,
89
+ .fotorama__video-close,
90
+ .fotorama__stage:before,
91
+ .fotorama__stage:after,
92
+ .fotorama__nav:before,
93
+ .fotorama__nav:after {
94
+ -webkit-user-select: none;
95
+ -moz-user-select: none;
96
+ -ms-user-select: none;
97
+ user-select: none;
98
+ }
99
+
100
+ .fotorama__select {
101
+ -webkit-user-select: text;
102
+ -moz-user-select: text;
103
+ -ms-user-select: text;
104
+ user-select: text;
105
+ }
106
+
107
+ .fotorama__nav,
108
+ .fotorama__nav__frame {
109
+ margin: 0;
110
+ padding: 0;
111
+ }
112
+
113
+ .fotorama__nav__shaft,
114
+ .fotorama__nav__frame {
115
+ display: -moz-inline-box;
116
+ -moz-box-orient: vertical;
117
+ display: inline-block;
118
+ vertical-align: middle;
119
+ *display: inline;
120
+ *zoom: 1;
121
+ }
122
+
123
+ .fotorama__wrap * {
124
+ -moz-box-sizing: content-box;
125
+ box-sizing: content-box;
126
+ }
127
+
128
+ .fotorama__caption {
129
+ -moz-box-sizing: border-box;
130
+ box-sizing: border-box;
131
+ }
132
+
133
+ .fotorama--hidden,
134
+ .fotorama__load {
135
+ position: absolute;
136
+ left: -99999px;
137
+ top: -99999px;
138
+ z-index: -1;
139
+ }
140
+
141
+ .fotorama__stage__shaft,
142
+ .fotorama__stage__frame,
143
+ .fotorama__nav,
144
+ .fotorama__nav__shaft,
145
+ .fotorama__nav__frame,
146
+ .fotorama__arr,
147
+ .fotorama__fullscreen-icon,
148
+ .fotorama__video-play,
149
+ .fotorama__video-close {
150
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
151
+ }
152
+
153
+ .fotorama__arr__arr,
154
+ .fotorama__fullscreen-icon,
155
+ .fotorama__video-play,
156
+ .fotorama__video-close {
157
+ background: image-url(""fotorama.png"") no-repeat;
158
+ }
159
+
160
+ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
161
+ .fotorama__arr__arr,
162
+ .fotorama__fullscreen-icon,
163
+ .fotorama__video-play,
164
+ .fotorama__video-close {
165
+ background: image-url(""fotorama@2x.png"") no-repeat;
166
+ background-size: 96px 160px;
167
+ }
168
+ }
169
+
170
+ .fotorama__thumb {
171
+ background-color: #7f7f7f;
172
+ background-color: rgba(127, 127, 127, 0.2);
173
+ }
174
+
175
+ .fotorama {
176
+ min-width: 1px;
177
+ }
178
+
179
+ .fotorama > * {
180
+ visibility: hidden;
181
+ }
182
+
183
+ .fotorama.fotorama--noscript > *,
184
+ .fotorama > .fotorama__wrap {
185
+ visibility: visible;
186
+ }
187
+
188
+ .fullscreen {
189
+ width: 100% !important;
190
+ height: 100% !important;
191
+ max-width: 100% !important;
192
+ max-height: 100% !important;
193
+ overflow: hidden !important;
194
+ margin: 0 !important;
195
+ padding: 0 !important;
196
+ background: #000;
197
+ }
198
+
199
+ .fotorama--fullscreen {
200
+ position: absolute;
201
+ top: 0 !important;
202
+ left: 0 !important;
203
+ right: 0 !important;
204
+ bottom: 0 !important;
205
+ float: none;
206
+ z-index: 2147483647;
207
+ background: #000;
208
+ width: auto !important;
209
+ height: auto !important;
210
+ margin: 0 !important;
211
+ }
212
+
213
+ .fotorama--fullscreen .fotorama__stage,
214
+ .fotorama--fullscreen .fotorama__nav {
215
+ background: #000;
216
+ }
217
+
218
+ .fotorama__wrap {
219
+ -webkit-text-size-adjust: 100%;
220
+ position: relative;
221
+ }
222
+
223
+ .fotorama__stage,
224
+ .fotorama__nav {
225
+ overflow: hidden;
226
+ position: relative;
227
+ }
228
+
229
+ .fotorama__wrap--pan-y {
230
+ -ms-touch-action: pan-y;
231
+ }
232
+
233
+ .fotorama__wrap .fotorama__pointer {
234
+ cursor: pointer;
235
+ }
236
+
237
+ .fotorama__wrap--slide .fotorama__stage__frame {
238
+ opacity: 1 !important;
239
+ }
240
+
241
+ .fotorama__img {
242
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
243
+ -webkit-filter: alpha(opacity=0);
244
+ filter: alpha(opacity=0);
245
+ opacity: 0;
246
+ max-width: 99999px !important;
247
+ max-height: 99999px !important;
248
+ min-width: 0 !important;
249
+ min-height: 0 !important;
250
+ }
251
+
252
+ .fotorama__loaded .fotorama__img,
253
+ .fotorama__error .fotorama__img {
254
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
255
+ -webkit-filter: alpha(opacity=100);
256
+ filter: alpha(opacity=100);
257
+ opacity: 1;
258
+ }
259
+
260
+ .fotorama__stage__frame {
261
+ overflow: hidden;
262
+ }
263
+
264
+ .fotorama__stage__frame.fotorama__active {
265
+ z-index: 8;
266
+ }
267
+
268
+ .fotorama__wrap--fade .fotorama__stage__frame {
269
+ display: none;
270
+ }
271
+
272
+ .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
273
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
274
+ -webkit-filter: alpha(opacity=100);
275
+ filter: alpha(opacity=100);
276
+ opacity: 1;
277
+ }
278
+
279
+ .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active,
280
+ .fotorama__wrap--fade .fotorama__fade-front,
281
+ .fotorama__wrap--fade .fotorama__fade-rear {
282
+ display: block;
283
+ left: 0;
284
+ top: 0;
285
+ }
286
+
287
+ .fotorama__wrap--fade .fotorama__fade-front {
288
+ z-index: 8;
289
+ }
290
+
291
+ .fotorama__wrap--fade .fotorama__fade-rear {
292
+ z-index: 7;
293
+ }
294
+
295
+ .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
296
+ z-index: 9;
297
+ }
298
+
299
+ .fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
300
+ display: none;
301
+ }
302
+
303
+ .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
304
+ .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html {
305
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
306
+ -webkit-filter: alpha(opacity=0);
307
+ filter: alpha(opacity=0);
308
+ opacity: 0;
309
+ }
310
+
311
+ .fotorama__img {
312
+ border: 0;
313
+ overflow: hidden;
314
+ }
315
+
316
+ .fotorama__img--full {
317
+ display: none;
318
+ }
319
+
320
+ .fotorama--fullscreen .fotorama__loaded--full .fotorama__img {
321
+ display: none;
322
+ }
323
+
324
+ .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
325
+ display: block;
326
+ }
327
+
328
+ .fotorama__stage--only-active .fotorama__stage__frame {
329
+ visibility: hidden;
330
+ }
331
+
332
+ .fotorama__stage--only-active .fotorama__stage__frame.fotorama__active {
333
+ visibility: visible;
334
+ }
335
+
336
+ .fotorama__nav {
337
+ font-size: 0;
338
+ line-height: 0;
339
+ text-align: center;
340
+ display: none;
341
+ white-space: nowrap;
342
+ z-index: 5;
343
+ }
344
+
345
+ .fotorama__nav__shaft {
346
+ position: relative;
347
+ left: 0;
348
+ top: 0;
349
+ text-align: left;
350
+ }
351
+
352
+ .fotorama__nav__frame {
353
+ position: relative;
354
+ cursor: pointer;
355
+ }
356
+
357
+ .fotorama__nav--dots {
358
+ display: block;
359
+ }
360
+
361
+ .fotorama__nav--dots .fotorama__nav__frame {
362
+ width: 18px;
363
+ height: 30px;
364
+ }
365
+
366
+ .fotorama__nav--dots .fotorama__nav__frame--thumb,
367
+ .fotorama__nav--dots .fotorama__thumb-border {
368
+ display: none;
369
+ }
370
+
371
+ .fotorama__nav--thumbs {
372
+ display: block;
373
+ }
374
+
375
+ .fotorama__nav--thumbs .fotorama__nav__frame {
376
+ padding-left: 0 !important;
377
+ }
378
+
379
+ .fotorama__nav--thumbs .fotorama__nav__frame:last-child {
380
+ padding-right: 0 !important;
381
+ }
382
+
383
+ .fotorama__nav--thumbs .fotorama__nav__frame--dot {
384
+ display: none;
385
+ }
386
+
387
+ .fotorama__dot {
388
+ display: block;
389
+ width: 4px;
390
+ height: 4px;
391
+ position: relative;
392
+ top: 12px;
393
+ left: 6px;
394
+ border-radius: 6px;
395
+ border: 1px solid;
396
+ }
397
+
398
+ .fotorama__nav__frame.fotorama__active .fotorama__dot {
399
+ width: 6px;
400
+ height: 6px;
401
+ border: none;
402
+ }
403
+
404
+ .fotorama__dot {
405
+ border-color: #7f7f7f;
406
+ }
407
+
408
+ .fotorama__active .fotorama__dot {
409
+ background-color: #7f7f7f;
410
+ }
411
+
412
+ .fotorama__thumb {
413
+ overflow: hidden;
414
+ position: relative;
415
+ width: 100%;
416
+ height: 100%;
417
+ }
418
+
419
+ .fotorama__thumb-border {
420
+ position: absolute;
421
+ z-index: 9;
422
+ top: 0;
423
+ left: 0;
424
+ border-style: solid;
425
+ border-color: #00afea;
426
+ background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));
427
+ background-image: linear-gradient(top left, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));
428
+ }
429
+
430
+ .fotorama__caption {
431
+ position: absolute;
432
+ z-index: 12;
433
+ bottom: 0;
434
+ left: 0;
435
+ max-width: 100%;
436
+ font-family: 'Helvetica Neue', Arial, sans-serif;
437
+ font-size: 14px;
438
+ line-height: 1.5;
439
+ color: #000;
440
+ background-color: #fff;
441
+ background-color: rgba(255, 255, 255, 0.9);
442
+ padding: 5px 10px;
443
+ }
444
+
445
+ .fotorama__caption a {
446
+ text-decoration: none;
447
+ color: #000;
448
+ border-bottom: 1px solid;
449
+ border-color: rgba(0, 0, 0, 0.5);
450
+ }
451
+
452
+ .fotorama__caption a:hover {
453
+ color: #333;
454
+ border-color: rgba(51, 51, 51, 0.5);
455
+ }
456
+
457
+ .fotorama__oooo {
458
+ width: 6px;
459
+ height: 6px;
460
+ margin-left: -8px;
461
+ margin-top: -3px;
462
+ }
463
+
464
+ .fotorama__oooo:before,
465
+ .fotorama__oooo:after {
466
+ content: '';
467
+ position: absolute;
468
+ left: 0;
469
+ top: 0;
470
+ width: 6px;
471
+ height: 6px;
472
+ border-radius: 6px;
473
+ background-color: #bfbfbf;
474
+ background-color: rgba(127, 127, 127, 0.5);
475
+ }
476
+
477
+ .fotorama__oooo:before {
478
+ left: -10px;
479
+ }
480
+
481
+ .fotorama__oooo .fotorama__oooo {
482
+ margin-left: 17px;
483
+ }
484
+
485
+ .fotorama__oooo--1:before,
486
+ .fotorama__oooo--2:after,
487
+ .fotorama__oooo--3 .fotorama__oooo:before,
488
+ .fotorama__oooo--4 .fotorama__oooo:after {
489
+ background-color: #7f7f7f;
490
+ }
491
+
492
+ .fotorama__wrap--css3 .fotorama__img,
493
+ .fotorama__wrap--css3 .fotorama__html,
494
+ .fotorama__wrap--css3.fotorama__wrap--fade .fotorama__stage__frame,
495
+ .fotorama__wrap--css3 .fotorama__caption {
496
+ -webkit-transition-property: opacity;
497
+ transition-property: opacity;
498
+ -webkit-transition-timing-function: linear;
499
+ transition-timing-function: linear;
500
+ -webkit-transition-duration: 300ms;
501
+ transition-duration: 300ms;
502
+ }
503
+
504
+ .fotorama__select {
505
+ cursor: auto;
506
+ }
507
+
508
+ .fotorama__video {
509
+ top: 32px;
510
+ right: 0;
511
+ bottom: 0;
512
+ left: 0;
513
+ position: absolute;
514
+ z-index: 10;
515
+ }
516
+
517
+ .fotorama__arr,
518
+ .fotorama__fullscreen-icon,
519
+ .fotorama__video-play,
520
+ .fotorama__video-close {
521
+ display: block;
522
+ position: absolute;
523
+ z-index: 11;
524
+ cursor: pointer;
525
+ }
526
+
527
+ .fotorama__video-play,
528
+ .fotorama__video-close {
529
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
530
+ -webkit-filter: alpha(opacity=0);
531
+ filter: alpha(opacity=0);
532
+ opacity: 0;
533
+ }
534
+
535
+ .fotorama__arr {
536
+ width: 48px;
537
+ height: 100%;
538
+ top: 0;
539
+ bottom: 0;
540
+ }
541
+
542
+ .fotorama__arr__arr {
543
+ position: absolute;
544
+ width: 32px;
545
+ height: 32px;
546
+ left: 50%;
547
+ top: 50%;
548
+ margin-left: -16px;
549
+ margin-top: -16px;
550
+ }
551
+
552
+ .fotorama__arr--prev {
553
+ left: 0;
554
+ }
555
+
556
+ .fotorama__arr--prev .fotorama__arr__arr {
557
+ background-position: 0 0;
558
+ }
559
+
560
+ .fotorama__arr--next {
561
+ right: 0;
562
+ }
563
+
564
+ .fotorama__arr--next .fotorama__arr__arr {
565
+ background-position: -32px 0;
566
+ }
567
+
568
+ .fotorama__arr--disabled {
569
+ cursor: default;
570
+ *display: none;
571
+ -webkit-filter: alpha(opacity=0);
572
+ filter: alpha(opacity=0);
573
+ opacity: .1;
574
+ }
575
+
576
+ .fotorama__fullscreen-icon {
577
+ width: 32px;
578
+ height: 32px;
579
+ top: 0;
580
+ right: 0;
581
+ background-position: 0 -32px;
582
+ z-index: 20;
583
+ }
584
+
585
+ .fotorama--fullscreen .fotorama__fullscreen-icon {
586
+ background-position: -32px -32px;
587
+ }
588
+
589
+ .fotorama__video-play {
590
+ width: 96px;
591
+ height: 96px;
592
+ left: 50%;
593
+ top: 50%;
594
+ margin-left: -48px;
595
+ margin-top: -48px;
596
+ background-position: 0 -64px;
597
+ }
598
+
599
+ .fotorama__nav__frame .fotorama__video-play {
600
+ width: 32px;
601
+ height: 32px;
602
+ left: 50%;
603
+ top: 50%;
604
+ margin-left: -16px;
605
+ margin-top: -16px;
606
+ background-position: -64px -32px;
607
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
608
+ -webkit-filter: alpha(opacity=100) !important;
609
+ filter: alpha(opacity=100) !important;
610
+ opacity: 1 !important;
611
+ }
612
+
613
+ .fotorama__video-close {
614
+ width: 32px;
615
+ height: 32px;
616
+ top: -32px;
617
+ right: -32px;
618
+ background-position: -64px 0;
619
+ z-index: 20;
620
+ }
621
+
622
+ .fotorama__loaded .fotorama__video-play,
623
+ .fotorama__error .fotorama__video-play {
624
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
625
+ -webkit-filter: alpha(opacity=100);
626
+ filter: alpha(opacity=100);
627
+ opacity: 1;
628
+ z-index: 11;
629
+ }
630
+
631
+ .fotorama__wrap--no-controls .fotorama__arr,
632
+ .fotorama__wrap--no-controls .fotorama__fullscreen-icon,
633
+ .fotorama__wrap--video .fotorama__arr,
634
+ .fotorama__wrap--video .fotorama__fullscreen-icon {
635
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
636
+ -webkit-filter: alpha(opacity=0) !important;
637
+ filter: alpha(opacity=0) !important;
638
+ opacity: 0 !important;
639
+ }
640
+
641
+ .fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__fullscreen-icon,
642
+ .fotorama__wrap--video .fotorama__fullscreen-icon {
643
+ top: -32px;
644
+ right: -32px;
645
+ }
646
+
647
+ .fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__arr--prev,
648
+ .fotorama__wrap--video .fotorama__arr--prev {
649
+ left: -48px;
650
+ }
651
+
652
+ .fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__arr--next,
653
+ .fotorama__wrap--video .fotorama__arr--next {
654
+ right: -48px;
655
+ }
656
+
657
+ .fotorama__wrap--video .fotorama__stage .fotorama__video-play {
658
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
659
+ -webkit-filter: alpha(opacity=0) !important;
660
+ filter: alpha(opacity=0) !important;
661
+ opacity: 0 !important;
662
+ z-index: -1;
663
+ }
664
+
665
+ .fotorama__wrap--video .fotorama__video-close {
666
+ top: 0;
667
+ right: 0;
668
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
669
+ -webkit-filter: alpha(opacity=100);
670
+ filter: alpha(opacity=100);
671
+ opacity: 1;
672
+ }
673
+
674
+ .fotorama__wrap--css3 .fotorama__arr,
675
+ .fotorama__wrap--css3 .fotorama__fullscreen-icon,
676
+ .fotorama__wrap--css3 .fotorama__video-play,
677
+ .fotorama__wrap--css3 .fotorama__video-close {
678
+ -webkit-transition: all 300ms;
679
+ transition: all 300ms;
680
+ }
681
+
682
+ .fotorama__stage:before,
683
+ .fotorama__stage:after,
684
+ .fotorama__nav:before,
685
+ .fotorama__nav:after {
686
+ content: "";
687
+ display: block;
688
+ position: absolute;
689
+ text-decoration: none;
690
+ top: 0;
691
+ bottom: 0;
692
+ width: 10px;
693
+ height: auto;
694
+ z-index: 10;
695
+ background-repeat: no-repeat;
696
+ background-size: 1px 100%, 5px 100%;
697
+ }
698
+
699
+ .fotorama__stage:before,
700
+ .fotorama__nav:before {
701
+ background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -webkit-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
702
+ background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
703
+ background-position: 0 0, 0 0;
704
+ left: -10px;
705
+ }
706
+
707
+ .fotorama__stage.fotorama__shadows--left:before,
708
+ .fotorama__nav.fotorama__shadows--left:before {
709
+ left: 0;
710
+ }
711
+
712
+ .fotorama__stage:after,
713
+ .fotorama__nav:after {
714
+ background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -webkit-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
715
+ background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
716
+ background-position: 100% 0, 100% 0;
717
+ right: -10px;
718
+ }
719
+
720
+ .fotorama__stage.fotorama__shadows--right:after,
721
+ .fotorama__nav.fotorama__shadows--right:after {
722
+ right: 0;
723
+ }
724
+
725
+ .fotorama--fullscreen .fotorama__stage:before,
726
+ .fotorama--fullscreen .fotorama__stage:after,
727
+ .fotorama--fullscreen .fotorama__nav:before,
728
+ .fotorama--fullscreen .fotorama__nav:after,
729
+ .fotorama__wrap--no-shadows .fotorama__stage:before,
730
+ .fotorama__wrap--no-shadows .fotorama__stage:after,
731
+ .fotorama__wrap--no-shadows .fotorama__nav:before,
732
+ .fotorama__wrap--no-shadows .fotorama__nav:after,
733
+ .fotorama__wrap--fade .fotorama__stage:before,
734
+ .fotorama__wrap--fade .fotorama__stage:after {
735
+ display: none;
736
+ }