Issues:
1/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
2.fancybox-wrap,
3.fancybox-skin,
4.fancybox-outer,
5.fancybox-inner,
6.fancybox-image,
7.fancybox-wrap iframe,
8.fancybox-wrap object,
9.fancybox-nav,
10.fancybox-nav span,
11.fancybox-tmp
12{
13 padding: 0;
14 margin: 0;
15 border: 0;
16 outline: none;
17 vertical-align: top;
18}
19
20.fancybox-wrap {
21 position: absolute;
22 top: 0;
23 left: 0;
24 z-index: 8020;
25}
26
27.fancybox-skin {
28 position: relative;
29 background: #fff;
30 color: #444;
31 text-shadow: none;
32}
33
34.fancybox-opened {
35 z-index: 8030;
36}
37
38.fancybox-opened .fancybox-skin {
39
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
40
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
41 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
42}
43
44.fancybox-outer, .fancybox-inner {
45 position: relative;
46}
47.fancybox-skin {
48 padding: 0!important;
49}
50.fancybox-inner {
51 overflow: hidden;
52 /* width: 100%!important;
53 overflow: hidden!important; */
54}
55
56.fancybox-type-iframe .fancybox-inner {
57
-webkit-overflow-scrolling: touch;
58}
59
60.fancybox-error {
61 color: #444;
62 font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
63 margin: 0;
64 padding: 15px;
65 white-space: nowrap;
66}
67
68.fancybox-image, .fancybox-iframe {
69 display: block;
70 width: 100%;
71 height: 100%;
72}
73
74.fancybox-image {
75 max-width: 100%;
76 max-height: 100%;
77}
78
79#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
80 background-image: url('../images/fancybox/fancybox_sprite.png');
81}
82
83#fancybox-loading {
84 position: fixed;
85 top: 50%;
86 left: 50%;
87 margin-top: -22px;
88 margin-left: -22px;
89 background-position: 0 -108px;
90 opacity: 0.8;
91 cursor: pointer;
92 z-index: 8060;
93}
94
95#fancybox-loading div {
96 width: 44px;
97 height: 44px;
98 background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
99}
100
101.fancybox-close {
102 position: absolute;
103 top: -18px;
104 right: -18px;
105 width: 36px;
106 height: 36px;
107 cursor: pointer;
108 z-index: 8040;
109}
110
111.fancybox-nav {
112 position: absolute;
113 top: 0;
114 width: 40%;
115 height: 100%;
116 cursor: pointer;
117 text-decoration: none;
118 background: transparent url('../images/fancybox/blank.gif'); /* helps IE */
119
-webkit-tap-highlight-color: rgba(0,0,0,0);
120 z-index: 8040;
121}
122
123.fancybox-prev {
124 left: 0;
125}
126
127.fancybox-next {
128 right: 0;
129}
130
131.fancybox-nav span {
132 position: absolute;
133 top: 50%;
134 width: 36px;
135 height: 34px;
136 margin-top: -18px;
137 cursor: pointer;
138 z-index: 8040;
139 visibility: hidden;
140}
141
142.fancybox-prev span {
143 left: 10px;
144 background-position: 0 -36px;
145}
146
147.fancybox-next span {
148 right: 10px;
149 background-position: 0 -72px;
150}
151
152.fancybox-nav:hover span {
153 visibility: visible;
154}
155
156.fancybox-tmp {
157 position: absolute;
158 top: -99999px;
159 left: -99999px;
160 visibility: hidden;
161 max-width: 99999px;
162 max-height: 99999px;
163 overflow: visible !important;
164}
165
166/* Overlay helper */
167
168.fancybox-lock {
169 overflow: hidden !important;
170 width: auto;
171}
172
173.fancybox-lock body {
174 overflow: hidden !important;
175}
176
177.fancybox-lock-test {
178 overflow-y: hidden !important;
179}
180
181.fancybox-overlay {
182 position: absolute;
183 top: 0;
184 left: 0;
185 overflow: hidden;
186 display: none;
187 z-index: 8010;
188 background: url('../images/fancybox/fancybox_overlay.png');
189}
190
191.fancybox-overlay-fixed {
192 position: fixed;
193 bottom: 0;
194 right: 0;
195}
196
197.fancybox-lock .fancybox-overlay {
198 overflow: auto;
199 overflow-y: scroll;
200}
201
202/* Title helper */
203
204.fancybox-title {
205 visibility: hidden;
206 font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
207 position: relative;
208 text-shadow: none;
209 z-index: 8050;
210}
211
212.fancybox-opened .fancybox-title {
213 visibility: visible;
214}
215
216.fancybox-title-float-wrap {
217 position: absolute;
218 bottom: 0;
219 right: 50%;
220 margin-bottom: -35px;
221 z-index: 8050;
222 text-align: center;
223}
224
225.fancybox-title-float-wrap .child {
226 display: inline-block;
227 margin-right: -100%;
228 padding: 2px 20px;
229 background: transparent; /* Fallback for web browsers that doesn't support RGBa */
230 background: rgba(0, 0, 0, 0.8);
231
-webkit-border-radius: 15px;
232
-moz-border-radius: 15px;
233 border-radius: 15px;
234 text-shadow: 0 1px 2px #222;
235 color: #FFF;
236 font-weight: bold;
237 line-height: 24px;
238 white-space: nowrap;
239}
240
241.fancybox-title-outside-wrap {
242 position: relative;
243 margin-top: 10px;
244 color: #fff;
245}
246
247.fancybox-title-inside-wrap {
248 padding-top: 10px;
249}
250
251.fancybox-title-over-wrap {
252 position: absolute;
253 bottom: 0;
254 left: 0;
255 color: #fff;
256 padding: 10px;
257 background: #000;
258 background: rgba(0, 0, 0, .8);
259}
260
261/*Retina graphics!*/
262@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
263 only screen and (
min--moz-device-pixel-ratio: 1.5),
264 only screen and (
min-device-pixel-ratio: 1.5){
265
266 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
267 background-image: url('../images/fancybox/fancybox_sprite@2x.png');
268 background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
269 }
270
271 #fancybox-loading div {
272 background-image: url('../images/fancybox/fancybox_loading@2x.gif');
273 background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
274 }
275}
276
277@media screen and (max-width: 560px) {
278 .fancybox-skin {
279 padding: 0 !important;
280 }
281}