lightGallery.css 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536
  1. /*clearfix*/
  2. .group {
  3. *zoom: 1;
  4. }
  5. .group:before, .group:after {
  6. display: table;
  7. content: "";
  8. line-height: 0;
  9. }
  10. .group:after {
  11. clear: both;
  12. }
  13. /*/clearfix*/
  14. /** /font-icons if you are not using font icons you can just remove this part/**/
  15. @font-face {
  16. font-family: 'Slide-icons';
  17. src: url('../fonts/Slide-icons.eot');
  18. }
  19. @font-face {
  20. font-family: 'Slide-icons';
  21. src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAWcAAsAAAAACSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAm4AAAQxqzjSYEZGVE0AAAN4AAAAGgAAABxmWaSOR0RFRgAAA5QAAAAdAAAAIAAzAARPUy8yAAADtAAAAEsAAABgL/bcQGNtYXAAAAQAAAAAPQAAAVLgL/LNaGVhZAAABEAAAAAuAAAANv3vdhloaGVhAAAEcAAAAB4AAAAkBBD/5GhtdHgAAASQAAAAEgAAABIFOwBxbWF4cAAABKQAAAAGAAAABgAGUABuYW1lAAAErAAAAOEAAAGw7pftcnBvc3QAAAWQAAAADAAAACAAAwAAeJx9VE1oE1EQnpfsJutmSWNMQoUoWxB/qmIKnkKJWKvXQlOwhx5E7SEo9WCEHNKAJqVbn8RLzvEgKEUPCgoiIi3YHkWw2mO9CBb8O1SzurXjvLfrJiqEhXkzwzffm/nee8tAUYAxZuQvFs5PHi6cuzR1GVgAGORsM2D3Be1ehRtBbii7ddiZjyPnvmOE+QW7YRfVNNzpSQPE0vBwexqMtNIbh7Dg0KAHUrAL9sARyF6ZKpzKZDK0nMwMHHeXIXc54S7DHU109gPAZpnF5th1xiEkiANgsFpgNDATPB3ldlHZbNiNcBTZ/JNRZBPFZ0nE6mw/GT6MUC6tiPCgihA6Vkb8sXCNI35bGxRuTcYa4vqZIWlUP1sVoCx3Yyqd1gTNIUH4RhJ6rILAxw9yN/bwghVSt56rLoCyFY6gmy8kwENJwjYrlItPVauOuDWyhqDEzlKFIuvIIrAHfTJbr2uSWpgFOVvFHVDQc5dftK751P3CeyuNp8Uf/DL3tal5rFKLuiX2MxGdL00azJHKOWLcrZF3MmtZWhThNRWwx62XSYTF/d8Rc6sR2iFyNYS4MWNSzaeJA+RWfkqjCYBO5tV71bIkjTssUVe5bykrhrXqWqnZ1m9a6rfk61emfu+Px8iIA8zf/SrDNr4s8csd+Gbzn+mXOtWK3rPHkqbeGkuZuvNIGudo9wRdvDkald0Yj9HFy89vtvsgjw7/Pxm9Kf+SEfGj86HU/frlVn6RwgP7CLVRTZDCFZt6j99edcWGSPmz5h4BLO5d73bIzVL7OdTkc8j6O5MIdiPBkzcNnZ7zDvF/2OYkWvSFI78BSE0QpgAAeJxjYGBgZACCk535hiD6XIbUOhgNAD+3BfAAAHicY2BkYGDgA2IJBhBgYmAEQlYgZgHzGAAEgQA4AAAAeJxjYGZiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbAyM8CBAILJEJDmmsLg8EDqAwPjg/8PGPQYHzAoNDAwMMIVKAAhIwATaAw5AHicY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhEwgiQeyHxj+/wezpCAs+RcCjFBdYMDIxoDMHZEAAP1aCcoAAAB4nGNgZGBgAGLNvbqy8fw2Xxm4mRhA4FyG1DoE/f8BEwPjAyCXgwEsDQAB0gmnAAB4nGNgZGBgfPD/AYMeEwMDwz8GIAkUQQHMAG3nA/YAAAIAAAAAAAAAAgAAUQClACAAlgAAAABQAAAGAAB4nI2PMW7CQBBFn8FGIkQpo5RbIFHZsjciEhyAMg0SFwALrYS8kuEMOQLH4BgcgGPkAKnz7UxBkYKVVvPmz5/ZWeCZMwndSZjwZjwgozQeMuPLOJXnapyJv41HTJIXOZN0LOW17+p4wBNT4yGffBin8lyMM/HNeCT+Yc2BwI6aXHFLpOEI60PY1XnYxkbJnW7Kqs9PfWzZq9vhKfQPx1L3/6l/Nc9c6kLXy1/xrnGxOa1iu6+dL0q3dHevK/PzfJH7spLxkW03qrZSQ191eqHbi03dHkNsXFWUD835BcvqQqwAAAB4nGNgZsALAAB9AAQ=) format('woff'), url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
  22. font-weight: normal;
  23. font-style: normal;
  24. }
  25. [data-icon]:before {
  26. font-family: 'Slide-icons';
  27. content: attr(data-icon);
  28. speak: none;
  29. font-weight: normal;
  30. font-variant: normal;
  31. text-transform: none;
  32. line-height: 1;
  33. -webkit-font-smoothing: antialiased;
  34. -moz-osx-font-smoothing: grayscale;
  35. }
  36. /** / End of font-icons /**/
  37. .lightGallery {
  38. overflow: hidden!important;
  39. }
  40. #lightGallery-Gallery img {
  41. border: none!important;
  42. }
  43. #lightGallery-outer {
  44. width: 100%;
  45. height: 100%;
  46. position: fixed;
  47. top: 0;
  48. left: 0;
  49. z-index: 99999!important;
  50. overflow: hidden;
  51. -webkit-user-select: none;
  52. -moz-user-select: none;
  53. user-select: none;
  54. opacity: 1;
  55. -webkit-transition: opacity 0.35s ease;
  56. -moz-transition: opacity 0.35s ease;
  57. -o-transition: opacity 0.35s ease;
  58. -ms-transition: opacity 0.35s ease;
  59. transition: opacity 0.35s ease;
  60. background: #0d0d0d;
  61. }
  62. /*lightGallery starting effects*/
  63. #lightGallery-Gallery.opacity {
  64. opacity: 1;
  65. transition: all 1s ease 0s;
  66. -moz-transition: all 1s ease 0s;
  67. -webkit-transition: all 1s ease 0s;
  68. -o-transition: all 1s ease 0s;
  69. -ms-transition: all 1s ease 0s;
  70. }
  71. #lightGallery-Gallery.opacity .thumb_cont {
  72. opacity: 1;
  73. }
  74. #lightGallery-Gallery.fadeM {
  75. opacity: 0;
  76. transition: all 0.5s ease 0s;
  77. -moz-transition: all 0.5s ease 0s;
  78. -webkit-transition: all 0.5s ease 0s;
  79. -o-transition: all 0.5s ease 0s;
  80. -ms-transition: all 0.5s ease 0s;
  81. }
  82. /*lightGallery starting effects*/
  83. /*lightGallery core*/
  84. #lightGallery-Gallery {
  85. height: 100%;
  86. opacity: 0;
  87. width: 100%;
  88. position: relative;
  89. transition: all 1s ease 0s;
  90. -moz-transition: all 1s ease 0s;
  91. -webkit-transition: all 1s ease 0s;
  92. -o-transition: all 1s ease 0s;
  93. -ms-transition: all 1s ease 0s;
  94. }
  95. #lightGallery-slider {
  96. height: 100%;
  97. left: 0;
  98. top: 0;
  99. width: 100%;
  100. position: absolute;
  101. white-space: nowrap;
  102. }
  103. #lightGallery-slider .lightGallery-slide {
  104. background: url(../img/loading.gif) no-repeat scroll center center transparent;
  105. display: inline-block;
  106. height: 100%;
  107. line-height: 1px;
  108. text-align: center;
  109. width: 100%;
  110. }
  111. #lightGallery-slider.slide .lightGallery-slide {
  112. position: absolute;
  113. opacity: 0.4;
  114. }
  115. #lightGallery-slider.fadeM .lightGallery-slide {
  116. position: absolute;
  117. left: 0;
  118. opacity: 0;
  119. }
  120. #lightGallery-slider.animate .lightGallery-slide {
  121. position: absolute;
  122. left: 0;
  123. }
  124. #lightGallery-slider.fadeM .current {
  125. opacity: 1;
  126. z-index: 9;
  127. }
  128. #lightGallery-Gallery.opacity .lightGallery-slide.current img, #lightGallery-Gallery.opacity .lightGallery-slide.current iframe {
  129. transform: scale(1, 1);
  130. -moz-transform: scale(1, 1);
  131. -ms-transform: scale(1, 1);
  132. -webkit-transform: scale(1, 1);
  133. -o-transform: scale(1, 1);
  134. }
  135. .lightGallery-slide.current img, .lightGallery-slide.current iframe {
  136. transform: scale(0.5, 0.5);
  137. -moz-transform: scale(0.5, 0.5);
  138. -ms-transform: scale(0.5, 0.5);
  139. -webkit-transform: scale(0.5, 0.5);
  140. -o-transform: scale(0.5, 0.5);
  141. transition: all 1s ease 0s;
  142. -moz-transition: all 1s ease 0s;
  143. -webkit-transition: all 1s ease 0s;
  144. -o-transition: all 1s ease 0s;
  145. -ms-transition: all 1s ease 0s;
  146. }
  147. #lightGallery-Gallery.fadeM .lightGallery-slide.current img, #lightGallery-Gallery.fadeM .lightGallery-slide.current iframe {
  148. transform: scale(0.5, 0.5);
  149. -moz-transform: scale(0.5, 0.5);
  150. -ms-transform: scale(0.5, 0.5);
  151. -webkit-transform: scale(0.5, 0.5);
  152. -o-transform: scale(0.5, 0.5);
  153. }
  154. #lightGallery-slider.fadeM.on .current {
  155. opacity: 1;
  156. transition: all 0.5s ease 0s;
  157. -moz-transition: all 0.5s ease 0s;
  158. -webkit-transition: all 0.5s ease 0s;
  159. -o-transition: all 0.5s ease 0s;
  160. -ms-transition: all 0.5s ease 0s;
  161. }
  162. #lightGallery-slider.fadeM .lightGallery-slide {
  163. transition: opacity 0.4s ease 0s;
  164. -moz-transition: opacity 0.4s ease 0s;
  165. -webkit-transition: opacity 0.4s ease 0s;
  166. -o-transition: opacity 0.4s ease 0s;
  167. -ms-transition: opacity 0.4s ease 0s;
  168. }
  169. #lightGallery-slider.slide .lightGallery-slide {
  170. transform: translate3d(100%, 0px, 0px);
  171. -moz-transform: translate3d(100%, 0px, 0px);
  172. -ms-transform: translate3d(100%, 0px, 0px);
  173. -webkit-transform: translate3d(100%, 0px, 0px);
  174. -o-transform: translate3d(100%, 0px, 0px);
  175. }
  176. #lightGallery-slider.slide.on .lightGallery-slide {
  177. opacity: 0;
  178. }
  179. #lightGallery-slider.slide .lightGallery-slide.current {
  180. opacity: 1 !important;
  181. transform: translate3d(0px, 0px, 0px) !important;
  182. -moz-transform: translate3d(0px, 0px, 0px) !important;
  183. -ms-transform: translate3d(0px, 0px, 0px) !important;
  184. -webkit-transform: translate3d(0px, 0px, 0px) !important;
  185. -o-transform: translate3d(0px, 0px, 0px) !important;
  186. }
  187. #lightGallery-slider.slide .lightGallery-slide.prevSlide {
  188. opacity: 0;
  189. transform: translate3d(-100%, 0px, 0px);
  190. -moz-transform: translate3d(-100%, 0px, 0px);
  191. -ms-transform: translate3d(-100%, 0px, 0px);
  192. -webkit-transform: translate3d(-100%, 0px, 0px);
  193. -o-transform: translate3d(-100%, 0px, 0px);
  194. }
  195. #lightGallery-slider.slide .lightGallery-slide.nextSlide {
  196. opacity: 0;
  197. transform: translate3d(100%, 0px, 0px);
  198. -moz-transform: translate3d(100%, 0px, 0px);
  199. -ms-transform: translate3d(100%, 0px, 0px);
  200. -webkit-transform: translate3d(100%, 0px, 0px);
  201. -o-transform: translate3d(100%, 0px, 0px);
  202. }
  203. #lightGallery-slider.slide.on .lightGallery-slide, #lightGallery-slider.slide.on .current, #lightGallery-slider.slide.on .prevSlide, #lightGallery-slider.slide.on .nextSlide {
  204. transition: all 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  205. -moz-transition: all 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  206. -webkit-transition: all 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  207. -o-transition: all 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  208. -ms-transition: all 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  209. }
  210. #lightGallery-slider.speed .lightGallery-slide, #lightGallery-slider.speed .current, #lightGallery-slider.speed .prevSlide, #lightGallery-slider.speed .nextSlide {
  211. transition-duration: inherit !important;
  212. -moz-transition-duration: inherit !important;
  213. -webkit-transition-duration: inherit !important;
  214. -o-transition-duration: inherit !important;
  215. -ms-transition-duration: inherit !important;
  216. }
  217. #lightGallery-slider.timing .lightGallery-slide, #lightGallery-slider.timing .current, #lightGallery-slider.timing .prevSlide, #lightGallery-slider.timing .nextSlide {
  218. transition-timing-function: inherit !important;
  219. -moz-transition-timing-function: inherit !important;
  220. -webkit-transition-timing-function: inherit !important;
  221. -o-transition-timing-function: inherit !important;
  222. -ms-transition-timing-function: inherit !important;
  223. }
  224. #lightGallery-slider .lightGallery-slide:before {
  225. content: "";
  226. display: inline-block;
  227. height: 50%;
  228. width: 1px;
  229. margin-right: -1px;
  230. }
  231. #lightGallery-slider .lightGallery-slide img {
  232. display: inline-block;
  233. max-height: 100%;
  234. max-width: 100%;
  235. cursor: -moz-grabbing;
  236. cursor: grab;
  237. cursor: -webkit-grab;
  238. margin: 0;
  239. padding: 0;
  240. width: auto;
  241. height: auto;
  242. vertical-align: middle;
  243. }
  244. /*lightGallery core*/
  245. /*action*/
  246. #lightGallery-action {
  247. bottom: 20px;
  248. position: absolute;
  249. left: 50%;
  250. margin-left: -55px;
  251. z-index: 9;
  252. -webkit-backface-visibility: hidden;
  253. }
  254. #lightGallery-action a {
  255. margin: 0 3px 0 0 !important;
  256. -webkit-border-radius: 2px;
  257. -moz-border-radius: 2px;
  258. border-radius: 2px;
  259. position: relative;
  260. top: auto;
  261. left: auto;
  262. bottom: auto;
  263. right: auto;
  264. display: inline-block !important;
  265. display: inline-block;
  266. vertical-align: middle;
  267. *display: inline;
  268. *zoom: 1;
  269. background-color: #000;
  270. background-color: rgba(0, 0, 0, 0.65);
  271. font-size: 16px;
  272. width: 28px;
  273. height: 28px;
  274. font-family: 'Slide-icons';
  275. color: #FFF;
  276. cursor: pointer;
  277. }
  278. #lightGallery-action a.disabled {
  279. opacity: 0.6;
  280. filter: alpha(opacity=60);
  281. cursor: default;
  282. background-color: #000;
  283. background-color: rgba(0, 0, 0, 0.65) !important;
  284. }
  285. #lightGallery-action a:hover, #lightGallery-action a:focus {
  286. background-color: #000;
  287. background-color: rgba(0, 0, 0, 0.85);
  288. }
  289. #lightGallery-action a#lightGallery-prev:before, #lightGallery-action a#lightGallery-next:after {
  290. left: 5px;
  291. bottom: 3px;
  292. position: absolute;
  293. }
  294. #lightGallery-action a#lightGallery-prev:before {
  295. content: "\e01d";
  296. }
  297. #lightGallery-action a#lightGallery-next:after {
  298. content: "\e01b";
  299. }
  300. #lightGallery-action a.cLthumb:after {
  301. font-family: 'Slide-icons';
  302. content: "\e01c";
  303. left: 6px;
  304. bottom: 4px;
  305. font-size: 16px;
  306. position: absolute;
  307. }
  308. /*action*/
  309. /*counter*/
  310. #lightGallery_counter {
  311. bottom: 52px;
  312. text-align: center;
  313. width: 100%;
  314. position: absolute;
  315. z-index: 9;
  316. color: #FFFFFF;
  317. }
  318. /*lightGallery Thumb*/
  319. #lightGallery-Gallery .thumb_cont {
  320. position: absolute;
  321. bottom: 0;
  322. width: 100%;
  323. -webkit-box-sizing: border-box;
  324. -moz-box-sizing: border-box;
  325. box-sizing: border-box;
  326. background-color: #000000;
  327. -webkit-transition: max-height 0.4s ease-in-out;
  328. -moz-transition: max-height 0.4s ease-in-out;
  329. -o-transition: max-height 0.4s ease-in-out;
  330. -ms-transition: max-height 0.4s ease-in-out;
  331. transition: max-height 0.4s ease-in-out;
  332. z-index: 9;
  333. max-height: 0;
  334. opacity: 0;
  335. }
  336. #lightGallery-Gallery .thumb_cont.open {
  337. max-height: 350px;
  338. }
  339. #lightGallery-Gallery .thumb_cont .thumb_inner {
  340. margin-left: -12px;
  341. padding: 12px;
  342. max-height: 290px;
  343. overflow-y: auto;
  344. }
  345. #lightGallery-Gallery .thumb_cont .thumb_info {
  346. background-color: #333;
  347. padding: 7px 20px;
  348. }
  349. #lightGallery-Gallery .thumb_cont .thumb_info .count {
  350. color: #ffffff;
  351. font-weight: bold;
  352. font-size: 12px;
  353. }
  354. #lightGallery-Gallery .thumb_cont .thumb_info .close {
  355. color: #FFFFFF;
  356. display: block;
  357. float: right !important;
  358. width: 28px;
  359. position: relative;
  360. height: 28px;
  361. border-radius: 2px;
  362. margin-top: -4px;
  363. background-color: #000;
  364. background-color: rgba(0, 0, 0, 0.65);
  365. -webkit-transition: background-color 0.3s ease 0s;
  366. -moz-transition: background-color 0.3s ease 0s;
  367. -o-transition: background-color 0.3s ease 0s;
  368. -ms-transition: background-color 0.3s ease 0s;
  369. transition: background-color 0.3s ease 0s;
  370. z-index: 1090;
  371. cursor: pointer;
  372. }
  373. #lightGallery-Gallery .thumb_cont .thumb_info .close i:after {
  374. left: 6px;
  375. position: absolute;
  376. top: 4px;
  377. }
  378. #lightGallery-Gallery .thumb_cont .thumb_info .close i:after, #lightGallery-close:after {
  379. content: "\e01a";
  380. font-family: 'Slide-icons';
  381. font-style: normal;
  382. font-size: 16px;
  383. }
  384. #lightGallery-Gallery .thumb_cont .thumb_info .close:hover {
  385. text-decoration: none;
  386. background-color: #000;
  387. background-color: rgba(0, 0, 0, 1);
  388. }
  389. #lightGallery-Gallery .thumb_cont .thumb {
  390. display: inline-block !important;
  391. vertical-align: middle;
  392. text-align: center;
  393. *display: inline;
  394. /* IE7 inline-block hack */
  395. *zoom: 1;
  396. margin-bottom: 4px;
  397. margin-left: 4px;
  398. height: 50px;
  399. width: 50px;
  400. opacity: 0.6;
  401. filter: alpha(opacity=60);
  402. overflow: hidden;
  403. border-radius: 3px;
  404. border: 3px solid transparent;
  405. cursor: pointer;
  406. -webkit-transition: border-color linear .2s, opacity linear .2s;
  407. -moz-transition: border-color linear .2s, opacity linear .2s;
  408. -o-transition: border-color linear .2s, opacity linear .2s;
  409. -ms-transition: border-color linear .2s, opacity linear .2s;
  410. transition: border-color linear .2s, opacity linear .2s;
  411. }
  412. @media (min-width: 800px) {
  413. #lightGallery-Gallery .thumb_cont .thumb {
  414. width: 94px;
  415. height: 94px;
  416. }
  417. }
  418. #lightGallery-Gallery .thumb_cont .thumb > img {
  419. height: auto;
  420. max-width: 100%;
  421. }
  422. #lightGallery-Gallery .thumb_cont .thumb.active, #lightGallery-Gallery .thumb_cont .thumb:hover {
  423. opacity: 1;
  424. filter: alpha(opacity=100);
  425. border-color: #ffffff;
  426. }
  427. /*lightGallery Thumb*/
  428. /*lightGallery Video*/
  429. #lightGallery-slider .video_cont {
  430. display: inline-block;
  431. max-height: 100%;
  432. max-width: 100%;
  433. margin: 0;
  434. padding: 0;
  435. width: auto;
  436. height: auto;
  437. vertical-align: middle;
  438. }
  439. #lightGallery-slider .video_cont {
  440. background: none;
  441. max-width: 1140px;
  442. max-height: 100%;
  443. width: 100%;
  444. box-sizing: border-box;
  445. -webkit-box-sizing: border-box;
  446. -moz-box-sizing: border-box;
  447. }
  448. #lightGallery-slider .video {
  449. width: 100%;
  450. height: 0;
  451. padding-bottom: 56.25%;
  452. overflow: hidden;
  453. position: relative;
  454. }
  455. #lightGallery-slider .video iframe {
  456. width: 100%!important;
  457. height: 100%!important;
  458. position: absolute;
  459. top: 0;
  460. left: 0;
  461. }
  462. /*lightGallery Video*/
  463. /*lightGallery info Title Desc*/
  464. #lightGallery-slider .info {
  465. background-color: #000;
  466. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55);
  467. color: #FFFFFF;
  468. padding: 10px 50px;
  469. position: absolute;
  470. top: 0;
  471. width: 100%;
  472. }
  473. #lightGallery-slider .info span {
  474. display: block;
  475. line-height: 1;
  476. }
  477. #lightGallery-slider .info span:last-child {
  478. margin-top: 6px;
  479. }
  480. #lightGallery-slider .info .title {
  481. font-size: 16px;
  482. font-weight: bold;
  483. }
  484. #lightGallery-slider .info .desc {
  485. color: #DDDDDD;
  486. font-size: 12px;
  487. }
  488. /*lightGallery info Title Desc*/
  489. /*lightGallery Close*/
  490. #lightGallery-close {
  491. color: #FFFFFF;
  492. height: 28px;
  493. position: absolute;
  494. right: 20px;
  495. top: 20px;
  496. width: 28px;
  497. z-index: 1090;
  498. cursor: pointer;
  499. background-color: #000;
  500. border-radius: 2px;
  501. background-color: #000;
  502. background-color: rgba(0, 0, 0, 0.65);
  503. -webkit-transition: background-color 0.3s ease;
  504. -moz-transition: background-color 0.3s ease;
  505. -o-transition: background-color 0.3s ease;
  506. -ms-transition: background-color 0.3s ease;
  507. transition: background-color 0.3s ease;
  508. -webkit-backface-visibility: hidden;
  509. }
  510. #lightGallery-close:after {
  511. position: absolute;
  512. right: 6px;
  513. top: 3px;
  514. }
  515. #lightGallery-close:hover {
  516. text-decoration: none;
  517. background-color: #000;
  518. }