Woocommerce Products Slider - Version 1.12.3

Version Description

  • 15/03/2016 license warning issue fixed.
Download this release

Release Info

Developer paratheme
Plugin Icon 128x128 Woocommerce Products Slider
Version 1.12.3
Comparing to
See all releases

Code changes from version 1.12.1 to 1.12.3

Files changed (52) hide show
  1. assets/admin/css/style.css +1 -1
  2. assets/admin/js/scripts.js +6 -5
  3. assets/front/css/images/featured.png +0 -0
  4. assets/front/css/images/sale-icon.png +0 -0
  5. assets/front/css/images/sale.png +0 -0
  6. assets/front/css/style.css +230 -6
  7. assets/front/js/scripts.js +44 -1
  8. assets/global/css/style.themes.css +1053 -0
  9. includes/class-functions.php +37 -64
  10. includes/class-settings.php +3 -4
  11. includes/class-shortcodes.php +120 -9
  12. includes/class-update.php +141 -0
  13. includes/{wcps-functions.php → functions.php} +16 -121
  14. includes/menu/settings.php +2 -2
  15. includes/{wcps-meta.php → meta.php} +317 -304
  16. languages/default.mo +0 -0
  17. languages/default.po +177 -309
  18. languages/wcps-bn_BD.mo +0 -0
  19. languages/wcps-bn_BD.po +179 -308
  20. languages/wcps-fi.mo +0 -0
  21. languages/wcps-fi.po +190 -313
  22. readme.txt +47 -25
  23. templates/custom-css.php +6 -4
  24. templates/layer-content.php +21 -0
  25. templates/layer-media.php +13 -0
  26. templates/query.php +26 -2
  27. templates/scripts.php +6 -6
  28. templates/variables.php +144 -47
  29. templates/wcps-cart.php +2 -2
  30. templates/wcps-category.php +2 -2
  31. templates/wcps-excerpt.php +2 -2
  32. templates/wcps-featured.php +3 -3
  33. templates/wcps-price.php +2 -2
  34. templates/wcps-rating.php +2 -2
  35. templates/wcps-ribbon.php +2 -2
  36. templates/wcps-sale.php +4 -4
  37. templates/wcps-thumb.php +5 -3
  38. templates/wcps-title.php +2 -2
  39. templates/wcps-zoom.php +15 -0
  40. themes/theme1/images/arrow-next.png +0 -0
  41. themes/theme1/images/arrow-prev.png +0 -0
  42. themes/theme1/images/tags.png +0 -0
  43. themes/theme1/index-old.php +0 -147
  44. themes/theme1/index.php +0 -95
  45. themes/theme1/style.css +0 -163
  46. themes/theme6/images/arrow-next.png +0 -0
  47. themes/theme6/images/arrow-prev.png +0 -0
  48. themes/theme6/images/tags.png +0 -0
  49. themes/theme6/index - Copy.php +0 -182
  50. themes/theme6/index.php +0 -127
  51. themes/theme6/style.css +0 -225
  52. woocommerce-products-slider.php +28 -16
assets/admin/css/style.css CHANGED
@@ -108,12 +108,12 @@
108
 
109
 
110
  #wcps_metabox .bg_image_src {
 
111
  height: 50px;
112
  width: 50px;
113
  }
114
 
115
 
116
-
117
  #wcps_metabox .expandable .header {
118
  background: #a7e1ff none repeat scroll 0 0;
119
  padding-left: 20px;
108
 
109
 
110
  #wcps_metabox .bg_image_src {
111
+ cursor: pointer;
112
  height: 50px;
113
  width: 50px;
114
  }
115
 
116
 
 
117
  #wcps_metabox .expandable .header {
118
  background: #a7e1ff none repeat scroll 0 0;
119
  padding-left: 20px;
assets/admin/js/scripts.js CHANGED
@@ -65,14 +65,14 @@ jQuery(document).ready(function($)
65
  })
66
 
67
 
68
- jQuery(".wcps_taxonomy").click(function()
69
  {
70
 
71
-
72
 
73
  var taxonomy = jQuery(this).val();
74
 
75
- jQuery(".wcps_loading_taxonomy_category").css('display','block');
76
 
77
  jQuery.ajax(
78
  {
@@ -81,8 +81,9 @@ jQuery(document).ready(function($)
81
  data: {"action": "wcps_get_taxonomy_category","taxonomy":taxonomy},
82
  success: function(data)
83
  {
84
- jQuery(".wcps_taxonomy_category").html(data);
85
- jQuery(".wcps_loading_taxonomy_category").fadeOut('slow');
 
86
  }
87
  });
88
 
65
  })
66
 
67
 
68
+ $(".wcps_taxonomy").click(function()
69
  {
70
 
71
+
72
 
73
  var taxonomy = jQuery(this).val();
74
 
75
+ $(".wcps_loading_taxonomy_category").css('display','block');
76
 
77
  jQuery.ajax(
78
  {
81
  data: {"action": "wcps_get_taxonomy_category","taxonomy":taxonomy},
82
  success: function(data)
83
  {
84
+
85
+ $(".wcps_taxonomy_category").html(data);
86
+ $(".wcps_loading_taxonomy_category").fadeOut('slow');
87
  }
88
  });
89
 
assets/front/css/images/featured.png CHANGED
Binary file
assets/front/css/images/sale-icon.png DELETED
Binary file
assets/front/css/images/sale.png CHANGED
Binary file
assets/front/css/style.css CHANGED
@@ -93,7 +93,6 @@ background:url("ribbons/dis-100.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
93
 
94
 
95
 
96
-
97
  /* Navigation CSS middle */
98
 
99
  .wcps-container .owl-buttons.middle {
@@ -274,21 +273,31 @@ right: -50px;
274
 
275
 
276
 
277
-
 
 
 
 
 
 
 
 
 
278
 
279
  .wcps-container div.wcps-featured {
280
- background: url("images/featured.png") no-repeat scroll 0 0 rgba(0, 0, 0,0);
 
 
281
  color: rgb(255, 255, 255);
282
  font-size: 12px;
283
- height: 32px;
284
  left: 10px;
285
  padding: 0;
286
  position: absolute;
287
  top: 10px;
288
- width: 26px;
289
  }
290
 
291
-
292
  .wcps-container div.wcps-sale {
293
  background: url("images/sale.png") no-repeat scroll 0 center rgb(241, 241, 241);
294
  box-shadow: 0 1px 6px -3px rgb(153, 153, 153);
@@ -346,4 +355,219 @@ right: -50px;
346
 
347
  }
348
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
349
 
93
 
94
 
95
 
 
96
  /* Navigation CSS middle */
97
 
98
  .wcps-container .owl-buttons.middle {
273
 
274
 
275
 
276
+ .wcps-container div.wcps-items-sale {
277
+ background: #fff url("images/sale.png") no-repeat scroll 8px 8px;
278
+ border-radius: 50%;
279
+ box-shadow: 0 0 4px -2px #000;
280
+ height: 50px;
281
+ position: absolute;
282
+ right: 10px;
283
+ top: 10px;
284
+ width: 50px;
285
+ }
286
 
287
  .wcps-container div.wcps-featured {
288
+ background: #fff url("images/featured.png") no-repeat scroll 4px 4px;
289
+ border-radius: 50%;
290
+ box-shadow: 0 0 2px 0 #999;
291
  color: rgb(255, 255, 255);
292
  font-size: 12px;
293
+ height: 40px;
294
  left: 10px;
295
  padding: 0;
296
  position: absolute;
297
  top: 10px;
298
+ width: 40px;
299
  }
300
 
 
301
  .wcps-container div.wcps-sale {
302
  background: url("images/sale.png") no-repeat scroll 0 center rgb(241, 241, 241);
303
  box-shadow: 0 1px 6px -3px rgb(153, 153, 153);
355
 
356
  }
357
 
358
+ .wcps-container .wcps-zoom {
359
+ background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
360
+ height: 100%;
361
+ left: 0;
362
+ opacity: 0;
363
+ position: absolute;
364
+ text-align: center;
365
+ top: 0;
366
+ transition: all 0.3s ease 0s;
367
+ width: 100%;
368
+ }
369
+
370
+ .wcps-container .wcps-items:hover .wcps-zoom {
371
+ opacity: 1;
372
+ }
373
+
374
+
375
+ .wcps-container .wcps-zoom .fa {
376
+ background: #fff none repeat scroll 0 0;
377
+ border-radius: 50%;
378
+ box-shadow: 0 0 4px 0 #333;
379
+ color: #999;
380
+ cursor: pointer;
381
+ font-size: 35px;
382
+ margin-top: 30%;
383
+ padding: 10px;
384
+ }
385
+
386
+ .wcps-container .wcps-zoom-thumb {
387
+ background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
388
+ display: none;
389
+ height: 100%;
390
+ left: 0;
391
+ overflow-y: scroll;
392
+ position: fixed;
393
+ text-align: center;
394
+ top: 0;
395
+ width: 100%;
396
+ z-index: 2147483647;
397
+ }
398
+
399
+
400
+ .wcps-container .wcps-zoom-thumb img {
401
+ margin: 50px 0;
402
+ }
403
+
404
+
405
+ .wcps-container .wcps-zoom-thumb .wcps-zoom-colse {
406
+ background: #ff5028 none repeat scroll 0 0;
407
+ color: #fff;
408
+ cursor: pointer;
409
+ display: inline-block;
410
+ font-size: 16px;
411
+ height: 26px;
412
+ margin-top: 50px;
413
+ position: relative;
414
+ text-align: center;
415
+ vertical-align: top;
416
+ width: 28px;
417
+ }
418
+
419
+
420
+ .wcps-container .wcps-items {
421
+ background: rgb(255, 255, 255) none repeat scroll 0 0;
422
+ margin: 0 10px;
423
+ overflow: hidden;
424
+ padding: 0;
425
+ position: relative;
426
+ }
427
+
428
+
429
+ .wcps-container div.wcps-items div.wcps-items-thumb {
430
+ line-height: 0;
431
+ overflow: hidden;
432
+ position: relative;
433
+ text-align: center;
434
+ }
435
+
436
+ .wcps-container div.wcps-items div.wcps-items-thumb a {
437
+ color: rgb(255, 255, 255);
438
+ margin: 0;
439
+ padding: 0;
440
+ text-decoration: none;
441
+ width: 100%
442
+ }
443
+
444
+ .wcps-container div.wcps-items div.wcps-items-thumb img {
445
+ -moz-border-radius: 0;
446
+ -webkit-border-radius: 0;
447
+ border-radius: 0;
448
+ -moz-box-shadow: none;
449
+ -webkit-box-shadow: none;
450
+ box-shadow: none;
451
+ margin: 0;
452
+ padding: 0;
453
+ width: 100%
454
+ }
455
+
456
+ .wcps-container .wcps-terms {
457
+ display: none;
458
+ padding: 2px 10px 2px 25px;
459
+ text-align: center
460
+ }
461
+
462
+ .wcps-container .wcps-items-title {
463
+ padding: 10px 12px;
464
+ text-align: left;
465
+ }
466
+
467
+ .wcps-container .wcps-items-title a {
468
+ font-size: 16px;
469
+ font-weight: bold;
470
+ line-height: normal;
471
+ text-decoration: none;
472
+ }
473
+
474
+ .wcps-container .wcps-items-excerpt {
475
+ font-size: 14px;
476
+ padding: 10px 12px;
477
+ text-align: left;
478
+ }
479
+ .wcps-container .wcps-items-category {
480
+ padding: 5px 12px;
481
+ }
482
+
483
+ .wcps-container .wcps-items-category a {
484
+ text-decoration: none;
485
+ }
486
+
487
+ .wcps-container .wcps-items-rating {
488
+ padding: 5px 12px;
489
+ }
490
+
491
+ .wcps-container .wcps-items-rating .star-rating{
492
+ font-size:1.5em;
493
+ }
494
+
495
+ .wcps-container .wcps-items div.wcps-items-price {
496
+ padding: 5px 12px;
497
+ text-align: left;
498
+ }
499
+
500
+ .wcps-container .wcps-items-price ins {
501
+ background: none repeat scroll 0 0 rgba(0, 0, 0, 0)
502
+ }
503
+
504
+ .wcps-container .wcps-items-cart {
505
+ padding: 10px 12px;
506
+ text-align: left;
507
+ }
508
+
509
+
510
+
511
+
512
+ .wcps-container .wcps-items div.wcps-items-cart p {
513
+ border: medium none !important;
514
+ margin: 0 !important;
515
+ padding: 0 !important
516
+ }
517
+
518
+ .wcps-container .wcps-items div.wcps-items-cart.custom span.amount {
519
+ font-size: 15px;
520
+ line-height: 15px
521
+ }
522
+
523
+ .wcps-container .wcps-items div.wcps-items-cart .amount, .wcps-container div.wcps-items div.wcps-items-cart del, .wcps-container div.wcps-items .wcps-items-cart ins, .wcps-container div.wcps-items div.wcps-items-cart .woocommerce-price-suffix {
524
+ display: none
525
+ }
526
+
527
+ .wcps-container .wcps-items div.wcps-items-cart.custom a.add_to_cart_button {
528
+ background: none repeat scroll 0 0 rgb(13, 225, 133);
529
+ border: medium none;
530
+ -moz-border-radius: 0;
531
+ -webkit-border-radius: 0;
532
+ border-radius: 0;
533
+ -moz-box-shadow: none;
534
+ -webkit-box-shadow: none;
535
+ box-shadow: none;
536
+ font-size: 12px;
537
+ line-height: 12px;
538
+ margin: 0;
539
+ padding: 10px 15px;
540
+ text-shadow: none
541
+ }
542
+
543
+ .wcps-container .wcps-items div.wcps-items-cart.custom a.added_to_cart {
544
+ background: none repeat scroll 0 0 rgb(13, 225, 133);
545
+ border: medium none;
546
+ -moz-border-radius: 0;
547
+ -webkit-border-radius: 0;
548
+ border-radius: 0;
549
+ -moz-box-shadow: none;
550
+ -webkit-box-shadow: none;
551
+ box-shadow: none;
552
+ color: rgb(68, 68, 68);
553
+ font-size: 12px;
554
+ line-height: 12px;
555
+ margin-top: 15px;
556
+ padding: 10px 15px;
557
+ text-decoration: none;
558
+ text-shadow: none
559
+ }
560
+
561
+ .wcps-container .wcps-items div.wcps-items-cart a.added {
562
+ display: none
563
+ }
564
+
565
+
566
+
567
+
568
+
569
+
570
+
571
+
572
+
573
 
assets/front/js/scripts.js CHANGED
@@ -1,10 +1,53 @@
1
 
2
  jQuery(document).ready(function($)
3
  {
4
-
5
  $(".wcps-items .add_to_cart_button").wrap("<div class='cart-area' ></div>");
6
 
7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8
  });
9
 
10
 
1
 
2
  jQuery(document).ready(function($)
3
  {
4
+
5
  $(".wcps-items .add_to_cart_button").wrap("<div class='cart-area' ></div>");
6
 
7
 
8
+
9
+ $(document).on('click', '.wcps-zoom-colse', function()
10
+ {
11
+
12
+ $(this).parent().fadeOut();
13
+
14
+ })
15
+
16
+
17
+ $(document).on('click', '.wcps-zoom', function()
18
+ {
19
+
20
+ var slider_id = $(this).attr('slider-id');
21
+ var product_id = $(this).attr('product-id');
22
+
23
+ //alert(product_id);
24
+
25
+ jQuery.ajax(
26
+ {
27
+ type: 'POST',
28
+ context:this,
29
+ url: wcps_ajax.wcps_ajaxurl,
30
+ data: {"action": "wcps_get_item_thumb_url","product_id":product_id},
31
+ success: function(data)
32
+ {
33
+ //alert(data);
34
+ jQuery('.wcps-zoom-thumb-'+slider_id).fadeIn();
35
+ jQuery('.wcps-zoom-thumb-'+slider_id+' img').attr('src',data);
36
+
37
+ }
38
+ });
39
+
40
+
41
+
42
+
43
+
44
+ })
45
+
46
+
47
+
48
+
49
+
50
+
51
  });
52
 
53
 
assets/global/css/style.themes.css ADDED
@@ -0,0 +1,1053 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @charset "utf-8";
2
+ /* CSS Document */
3
+
4
+ /*################### flat ########################*/
5
+ .skin.flat {
6
+ vertical-align: top;
7
+ }
8
+ .skin.flat .layer-media{}
9
+ .skin.flat .layer-content {
10
+ padding: 5px 10px;
11
+ }
12
+ .skin.flat .layer-hover {
13
+ display: none;
14
+ }
15
+
16
+
17
+ /*################### flip-x ########################*/
18
+
19
+
20
+ .skin.flip-x {
21
+
22
+ overflow: hidden;
23
+ padding: 0;
24
+ perspective: 600px;
25
+ position: relative;
26
+ vertical-align: top;
27
+ width: 100%;
28
+ }
29
+
30
+ .skin.flip-x:hover .layer-media {
31
+
32
+ transform: rotateX(180deg);
33
+ z-index: 900;
34
+ }
35
+
36
+
37
+ .skin.flip-x .layer-media {
38
+ backface-visibility: hidden;
39
+ float: none;
40
+ height: inherit;
41
+ left: 0;
42
+ text-align: center;
43
+ top: 0;
44
+ transform: rotateX(0deg) rotateY(0deg);
45
+ transform-style: preserve-3d;
46
+ transition: all 0.4s ease-in-out 0s;
47
+ width: inherit;
48
+ z-index: 900;
49
+ }
50
+
51
+ .skin.flip-x:hover .layer-content {
52
+
53
+ transform: rotateX(0deg) rotateY(0deg);
54
+ z-index: 1000;
55
+ }
56
+
57
+ .skin.flip-x .layer-content {
58
+ backface-visibility: hidden;
59
+ float: none;
60
+ height: inherit;
61
+ left: 0;
62
+ padding: 0;
63
+ position: absolute;
64
+ top: 0;
65
+ transform: rotateX(-179deg);
66
+ transform-style: preserve-3d;
67
+ transition: all 0.4s ease-in-out 0s;
68
+ width: inherit;
69
+ z-index: 800;
70
+ }
71
+
72
+ .skin.flip-x .layer-hover {
73
+ display: none;
74
+ }
75
+ /*################### flip-y ########################*/
76
+
77
+
78
+
79
+ .skin.flip-y {
80
+ overflow: hidden;
81
+ padding: 0;
82
+ perspective: 600px;
83
+ position: relative;
84
+ vertical-align: top;
85
+ width: 100%;
86
+ }
87
+
88
+ .skin.flip-y:hover .layer-media {
89
+ transform: rotateY(180deg);
90
+ z-index: 900;
91
+ }
92
+
93
+
94
+ .skin.flip-y .layer-media {
95
+ backface-visibility: hidden;
96
+ float: none;
97
+ height: inherit;
98
+ left: 0;
99
+ text-align: center;
100
+ top: 0;
101
+ transform: rotateX(0deg) rotateY(0deg);
102
+ transform-style: preserve-3d;
103
+ transition: all 0.4s ease-in-out 0s;
104
+ width: inherit;
105
+ z-index: 900;
106
+ }
107
+
108
+ .skin.flip-y:hover .layer-content {
109
+
110
+ transform: rotateX(0deg) rotateY(0deg);
111
+ z-index: 1000;
112
+ }
113
+
114
+ .skin.flip-y .layer-content {
115
+ backface-visibility: hidden;
116
+ float: none;
117
+ height: inherit;
118
+ left: 0;
119
+ position: absolute;
120
+ top: 0;
121
+ transform: rotateY(-179deg);
122
+ transform-style: preserve-3d;
123
+ transition: all 0.4s ease-in-out 0s;
124
+ width: inherit;
125
+ z-index: 800;
126
+ }
127
+
128
+ .skin.flip-y .layer-hover {
129
+ display: none;
130
+ }
131
+
132
+ /*################### zoomin ########################*/
133
+
134
+
135
+ .skin.zoomin {
136
+ overflow: hidden;
137
+ position: relative;
138
+ vertical-align: top;
139
+ }
140
+
141
+ .skin.zoomin:hover .layer-media {
142
+ transform: scale(1.5);
143
+ opacity: 0;
144
+ }
145
+
146
+ .skin.zoomin .layer-media {
147
+ transition: all 1s ease 0s;
148
+ left: 0;
149
+ top: 0;
150
+ width: 100%;
151
+ }
152
+ .skin.zoomin:hover .layer-content{
153
+ opacity: 1;
154
+ }
155
+ .skin.zoomin .layer-content {
156
+ opacity: 0;
157
+ position: absolute;
158
+ top: 0;
159
+ width: 100%;
160
+ transition: all 1s ease 0s;
161
+ }
162
+ .skin.zoomin .layer-hover {
163
+ display: none;
164
+ }
165
+
166
+ /*################### zoomout ########################*/
167
+ .skin.zoomout {
168
+ overflow: hidden;
169
+ position: relative;
170
+ vertical-align: top;
171
+ }
172
+ .skin.zoomout:hover .layer-media {
173
+ transform: scale(0);
174
+ opacity: 0;
175
+ }
176
+
177
+ .skin.zoomout .layer-media {
178
+ transition: all 1s ease 0s;
179
+ left: 0;
180
+ top: 0;
181
+ width: 100%;
182
+ }
183
+ .skin.zoomout:hover .layer-content{
184
+ opacity: 1;
185
+ }
186
+ .skin.zoomout .layer-content {
187
+ left: 0;
188
+ opacity: 0;
189
+ position: absolute;
190
+ top: 0;
191
+ width: 100%;
192
+ transition: all 1s ease 0s;
193
+ }
194
+ .skin.zoomout .layer-hover {
195
+ display: none;
196
+ }
197
+
198
+
199
+ /*################### spinright ########################*/
200
+
201
+
202
+ .skin.spinright {
203
+ overflow: hidden;
204
+ position: relative;
205
+ vertical-align: top;
206
+ }
207
+
208
+ .skin.spinright:hover .layer-media {
209
+ transform: rotate(30deg);
210
+ opacity: 0;
211
+ }
212
+
213
+ .skin.spinright .layer-media {
214
+ transition: all 1s ease 0s;
215
+ left: 0;
216
+ top: 0;
217
+ width: 100%;
218
+ }
219
+ .skin.spinright:hover .layer-content{
220
+ opacity: 1;
221
+ }
222
+ .skin.spinright .layer-content {
223
+ left: 0;
224
+ opacity: 0;
225
+ position: absolute;
226
+ top: 0;
227
+ width: 100%;
228
+ transition: all 1s ease 0s;
229
+ }
230
+ .skin.spinright .layer-hover {
231
+ display: none;
232
+ }
233
+
234
+
235
+
236
+
237
+
238
+
239
+ /*################### spinrightzoom ########################*/
240
+
241
+
242
+ .skin.spinrightzoom {
243
+ overflow: hidden;
244
+ position: relative;
245
+ vertical-align: top;
246
+ }
247
+
248
+ .skin.spinrightzoom:hover .layer-media {
249
+ opacity: 0.6;
250
+ transform: rotate(20deg) scale(1.5);
251
+ }
252
+
253
+ .skin.spinrightzoom .layer-media {
254
+ transition: all 1s ease 0s;
255
+ left: 0;
256
+ top: 0;
257
+ width: 100%;
258
+ }
259
+ .skin.spinrightzoom:hover .layer-content{
260
+ opacity: 1;
261
+ }
262
+ .skin.spinrightzoom .layer-content {
263
+ left: 0;
264
+ opacity: 0;
265
+ position: absolute;
266
+ top: 0;
267
+ width: 100%;
268
+ transition: all 1s ease 0s;
269
+ }
270
+ .skin.spinrightzoom .layer-hover {
271
+ display: none;
272
+ }
273
+
274
+
275
+
276
+
277
+
278
+
279
+ /*################### spinleft ########################*/
280
+
281
+ .skin.spinleft {
282
+ overflow: hidden;
283
+ position: relative;
284
+ vertical-align: top;
285
+ }
286
+
287
+ .skin.spinleft:hover .layer-media {
288
+ transform: rotate(-30deg);
289
+ opacity: 0;
290
+ }
291
+
292
+ .skin.spinleft .layer-media {
293
+ transition: all 1s ease 0s;
294
+ left: 0;
295
+ top: 0;
296
+ width: 100%;
297
+ }
298
+ .skin.spinleft:hover .layer-content{
299
+ opacity: 1;
300
+ }
301
+ .skin.spinleft .layer-content {
302
+ left: 0;
303
+ opacity: 0;
304
+ position: absolute;
305
+ top: 0;
306
+ width: 100%;
307
+ transition: all 1s ease 0s;
308
+ }
309
+ .skin.spinleft .layer-hover {
310
+ display: none;
311
+ }
312
+
313
+
314
+
315
+
316
+ /*################### spinleftzoom ########################*/
317
+
318
+ .skin.spinleftzoom {
319
+ overflow: hidden;
320
+ position: relative;
321
+ vertical-align: top;
322
+ }
323
+
324
+ .skin.spinleftzoom:hover .layer-media {
325
+ opacity: 0.7;
326
+ transform: rotate(-30deg) scale(1.5);
327
+ }
328
+
329
+ .skin.spinleftzoom .layer-media {
330
+ transition: all 1s ease 0s;
331
+ left: 0;
332
+ top: 0;
333
+ width: 100%;
334
+ }
335
+ .skin.spinleftzoom:hover .layer-content{
336
+ opacity: 1;
337
+ }
338
+ .skin.spinleftzoom .layer-content {
339
+ left: 0;
340
+ opacity: 0;
341
+ position: absolute;
342
+ top: 0;
343
+ width: 100%;
344
+ transition: all 1s ease 0s;
345
+ }
346
+ .skin.spinleftzoom .layer-hover {
347
+ display: none;
348
+ }
349
+
350
+
351
+
352
+
353
+
354
+
355
+
356
+
357
+ /*################### spinrightfast ########################*/
358
+
359
+
360
+ .skin.spinrightfast {
361
+ overflow: hidden;
362
+ position: relative;
363
+ vertical-align: top;
364
+ }
365
+
366
+ .skin.spinrightfast:hover .layer-media {
367
+ transform: rotate(180deg);
368
+ opacity: 0;
369
+ }
370
+
371
+ .skin.spinrightfast .layer-media {
372
+ transition: all 1s ease 0s;
373
+ left: 0;
374
+ top: 0;
375
+ width: 100%;
376
+ }
377
+ .skin.spinrightfast:hover .layer-content{
378
+ opacity: 1;
379
+ }
380
+ .skin.spinrightfast .layer-content {
381
+ left: 0;
382
+ opacity: 0;
383
+ position: absolute;
384
+ top: 0;
385
+ width: 100%;
386
+ transition: all 1s ease 0s;
387
+ }
388
+ .skin.spinrightfast .layer-hover {
389
+ display: none;
390
+ }
391
+
392
+ /*################### spinleftfast ########################*/
393
+
394
+ .skin.spinleftfast {
395
+ overflow: hidden;
396
+ position: relative;
397
+ vertical-align: top;
398
+ }
399
+
400
+ .skin.spinleftfast:hover .layer-media {
401
+ transform: rotate(-180deg);
402
+ opacity: 0;
403
+ }
404
+
405
+ .skin.spinleftfast .layer-media {
406
+ transition: all 1s ease 0s;
407
+ left: 0;
408
+ top: 0;
409
+ width: 100%;
410
+ }
411
+ .skin.spinleftfast:hover .layer-content{
412
+ opacity: 1;
413
+ }
414
+ .skin.spinleftfast .layer-content {
415
+ left: 0;
416
+ opacity: 0;
417
+ position: absolute;
418
+ top: 0;
419
+ width: 100%;
420
+ transition: all 1s ease 0s;
421
+ }
422
+ .skin.spinleftfast .layer-hover {
423
+ display: none;
424
+ }
425
+
426
+ /*################### thumbgoleft ########################*/
427
+
428
+ .skin.thumbgoleft {
429
+ overflow: hidden;
430
+ position: relative;
431
+ vertical-align: top;
432
+ }
433
+
434
+ .skin.thumbgoleft:hover .layer-media {
435
+ opacity: 0;
436
+ transform: scale(0.5) translateX(-100%);
437
+ }
438
+
439
+ .skin.thumbgoleft .layer-media {
440
+ transition: all 1s ease 0s;
441
+ width: 100%;
442
+ }
443
+ .skin.thumbgoleft:hover .layer-content{
444
+ opacity: 1;
445
+ }
446
+ .skin.thumbgoleft .layer-content {
447
+ left: 0;
448
+ opacity: 0;
449
+ position: absolute;
450
+ top: 0;
451
+ transition: all 1s ease 0s;
452
+ }
453
+ .skin.thumbgoleft .layer-hover {
454
+ display: none;
455
+ }
456
+
457
+
458
+ /*################### thumbgoright ########################*/
459
+
460
+ .skin.thumbgoright {
461
+ overflow: hidden;
462
+ position: relative;
463
+ vertical-align: top;
464
+ }
465
+
466
+ .skin.thumbgoright:hover .layer-media {
467
+ opacity: 0;
468
+ transform: scale(0.5) translateX(100%);
469
+ }
470
+
471
+ .skin.thumbgoright .layer-media {
472
+ transition: all 1s ease 0s;
473
+ width: 100%;
474
+ }
475
+ .skin.thumbgoright:hover .layer-content{
476
+ opacity: 1;
477
+ }
478
+ .skin.thumbgoright .layer-content {
479
+ left: 0;
480
+ opacity: 0;
481
+ position: absolute;
482
+ top: 0;
483
+ transition: all 1s ease 0s;
484
+ }
485
+ .skin.thumbgoright .layer-hover {
486
+ display: none;
487
+ }
488
+
489
+
490
+
491
+
492
+ /*################### thumbgotop ########################*/
493
+
494
+ .skin.thumbgotop {
495
+ overflow: hidden;
496
+ position: relative;
497
+ vertical-align: top;
498
+ }
499
+ .skin.thumbgotop:hover .layer-media {
500
+ opacity: 0;
501
+ top: -100%;
502
+ transform: translateY(-100%) scale(0.6);
503
+ }
504
+
505
+ .skin.thumbgotop .layer-media {
506
+ transition: all 1s ease 0s;
507
+ width: 100%;
508
+ }
509
+ .skin.thumbgotop:hover .layer-content{
510
+ opacity: 1;
511
+ }
512
+ .skin.thumbgotop .layer-content {
513
+ left: 0;
514
+ opacity: 0;
515
+ position: absolute;
516
+ top: 0;
517
+ transition: all 1s ease 0s;
518
+ }
519
+ .skin.thumbgotop .layer-hover {
520
+ display: none;
521
+ }
522
+
523
+
524
+
525
+
526
+ /*################### thumbgobottom ########################*/
527
+
528
+ .skin.thumbgobottom {
529
+ overflow: hidden;
530
+ position: relative;
531
+ vertical-align: top;
532
+ }
533
+ .skin.thumbgobottom:hover .layer-media {
534
+ bottom: -100%;
535
+ opacity: 0;
536
+ transform: scale(0.5) translateY(100%);
537
+ }
538
+ .skin.thumbgobottom .layer-media {
539
+ transition: all 1s ease 0s;
540
+ width: 100%;
541
+ }
542
+ .skin.thumbgobottom:hover .layer-content{
543
+ opacity: 1;
544
+ }
545
+ .skin.thumbgobottom .layer-content {
546
+ left: 0;
547
+ opacity: 0;
548
+ position: absolute;
549
+ top: 0;
550
+ width: 100%;
551
+ transition: all 1s ease 0s;
552
+ }
553
+ .skin.thumbgobottom .layer-hover {
554
+ display: none;
555
+ }
556
+
557
+
558
+
559
+
560
+
561
+
562
+
563
+
564
+
565
+ /*################### thumbmiddle ########################*/
566
+ .skin.thumbmiddle {
567
+ overflow: hidden;
568
+ position: relative;
569
+ vertical-align: top;
570
+ }
571
+
572
+ .skin.thumbmiddle:hover .layer-media {
573
+ transform: scale(0.9);
574
+ opacity: 0.3;
575
+ z-index:9;
576
+ }
577
+
578
+ .skin.thumbmiddle .layer-media {
579
+ transition: all 0.4s ease 0s;
580
+ left: 0;
581
+ top: 0;
582
+ width: 100%;
583
+ }
584
+ .skin.thumbmiddle:hover .layer-content{
585
+ opacity: 1;
586
+ z-index:10;
587
+ transform: scale(0.9);
588
+ padding:5px;
589
+ }
590
+ .skin.thumbmiddle .layer-content {
591
+ left: 0;
592
+ opacity: 0;
593
+ position: absolute;
594
+ top: 0;
595
+ transition: all 1s ease 0s;
596
+ width: 100%;
597
+ }
598
+ .skin.thumbmiddle .layer-hover {
599
+ display: none;
600
+ }
601
+
602
+
603
+
604
+
605
+
606
+ /*################### thumbskew ########################*/
607
+ .skin.thumbskew {
608
+ overflow: hidden;
609
+ position: relative;
610
+ vertical-align: top;
611
+ }
612
+
613
+ .skin.thumbskew:hover .layer-media {
614
+ transform: scale(0.9) skew(5deg);
615
+ opacity: 0.3;
616
+ z-index:9;
617
+ }
618
+
619
+ .skin.thumbskew .layer-media {
620
+ transition: all 0.4s ease 0s;
621
+ left: 0;
622
+ top: 0;
623
+ width: 100%;
624
+ }
625
+ .skin.thumbskew:hover .layer-content{
626
+ opacity: 1;
627
+ z-index:10;
628
+ transform: scale(0.9) ;
629
+ padding:5px;
630
+ }
631
+ .skin.thumbskew .layer-content {
632
+ left: 0;
633
+ opacity: 0;
634
+ position: absolute;
635
+ top: 0;
636
+ transition: all 1s ease 0s;
637
+ width: 100%;
638
+ }
639
+ .skin.thumbskew .layer-hover {
640
+ display: none;
641
+ }
642
+
643
+
644
+
645
+
646
+ /*################### contentbottom ########################*/
647
+ .skin.contentbottom {
648
+ overflow: hidden;
649
+ position: relative;
650
+ vertical-align: top;
651
+ }
652
+
653
+ .skin.contentbottom:hover .layer-media {
654
+
655
+ z-index:9;
656
+ }
657
+
658
+ .skin.contentbottom .layer-media {
659
+ transition: all 0.4s ease 0s;
660
+ left: 0;
661
+ top: 0;
662
+ width: 100%;
663
+ }
664
+ .skin.contentbottom:hover .layer-content{
665
+
666
+ }
667
+ .skin.contentbottom .layer-content {
668
+ background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
669
+ bottom: 0;
670
+ color: rgb(255, 255, 255);
671
+ left: 0;
672
+ position: absolute;
673
+ transition: all 1s ease 0s;
674
+ width: 100%;
675
+ }
676
+ .skin.contentbottom .layer-hover {
677
+ display: none;
678
+ }
679
+
680
+
681
+
682
+
683
+
684
+ /*################### contentmiddle ########################*/
685
+ .skin.contentmiddle {
686
+ overflow: hidden;
687
+ position: relative;
688
+ vertical-align: top;
689
+ }
690
+
691
+ .skin.contentmiddle:hover .layer-media {
692
+
693
+ z-index:9;
694
+ }
695
+
696
+ .skin.contentmiddle .layer-media {
697
+ transition: all 0.4s ease 0s;
698
+ left: 0;
699
+ top: 0;
700
+ width: 100%;
701
+ }
702
+ .skin.contentmiddle:hover .layer-content{
703
+
704
+ }
705
+ .skin.contentmiddle .layer-content {
706
+ background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
707
+ bottom: 50%;
708
+ color: rgb(255, 255, 255);
709
+ left: 0;
710
+ position: absolute;
711
+ transform: translate(0px, 50%);
712
+ width: 100%;
713
+ }
714
+ .skin.contentmiddle .layer-hover {
715
+ display: none;
716
+ }
717
+
718
+
719
+
720
+ /*################### contentinbottom ########################*/
721
+ .skin.contentinbottom {
722
+ overflow: hidden;
723
+ position: relative;
724
+ vertical-align: top;
725
+ }
726
+
727
+ .skin.contentinbottom:hover .layer-media {
728
+
729
+ z-index:9;
730
+ }
731
+
732
+ .skin.contentinbottom .layer-media {
733
+ transition: all 0.4s ease 0s;
734
+ left: 0;
735
+ top: 0;
736
+ width: 100%;
737
+ }
738
+ .skin.contentinbottom:hover .layer-content {
739
+ bottom: 0;
740
+ }
741
+ .skin.contentinbottom .layer-content {
742
+ background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
743
+ bottom: -100%;
744
+ color: rgb(255, 255, 255);
745
+ left: 0;
746
+ position: absolute;
747
+ transition: all 0.5s ease 0s;
748
+ width: 100%;
749
+ }
750
+ .skin.contentinbottom .layer-hover {
751
+ display: none;
752
+ }
753
+
754
+
755
+
756
+
757
+ /*################### contentinleft ########################*/
758
+ .skin.contentinleft {
759
+ overflow: hidden;
760
+ position: relative;
761
+ vertical-align: top;
762
+ }
763
+
764
+ .skin.contentinleft:hover .layer-media {
765
+
766
+ z-index:9;
767
+ }
768
+
769
+ .skin.contentinleft .layer-media {
770
+ transition: all 0.4s ease 0s;
771
+ left: 0;
772
+ top: 0;
773
+ width: 100%;
774
+ }
775
+ .skin.contentinleft:hover .layer-content {
776
+ left: 0;
777
+ }
778
+ .skin.contentinleft .layer-content {
779
+ background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
780
+ color: rgb(255, 255, 255);
781
+ height: 100%;
782
+ left: -100%;
783
+ position: absolute;
784
+ top: 0;
785
+ transition: all 0.5s ease 0s;
786
+ width: 100%;
787
+ }
788
+ .skin.contentinleft .layer-hover {
789
+ display: none;
790
+ }
791
+
792
+
793
+
794
+ /*################### contentinright ########################*/
795
+ .skin.contentinright {
796
+ overflow: hidden;
797
+ position: relative;
798
+ vertical-align: top;
799
+ }
800
+
801
+ .skin.contentinright:hover .layer-media {
802
+
803
+ z-index:9;
804
+ }
805
+
806
+ .skin.contentinright .layer-media {
807
+ transition: all 0.4s ease 0s;
808
+ left: 0;
809
+ top: 0;
810
+ width: 100%;
811
+ }
812
+ .skin.contentinright:hover .layer-content {
813
+ left: 0;
814
+ }
815
+ .skin.contentinright .layer-content {
816
+ background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
817
+ color: rgb(255, 255, 255);
818
+ height: 100%;
819
+ left: 100%;
820
+ position: absolute;
821
+ top: 0;
822
+ transition: all 0.5s ease 0s;
823
+ width: 100%;
824
+ }
825
+ .skin.contentinright .layer-hover {
826
+ display: none;
827
+ }
828
+
829
+
830
+
831
+
832
+ /*################### thumbgoleftconetntinright ########################*/
833
+ .skin.thumbgoleftconetntinright {
834
+ overflow: hidden;
835
+ position: relative;
836
+ vertical-align: top;
837
+ }
838
+
839
+ .skin.thumbgoleftconetntinright:hover .layer-media {
840
+ transform: translateX(-100%);
841
+ }
842
+
843
+ .skin.thumbgoleftconetntinright .layer-media {
844
+ transition: all 0.4s ease 0s;
845
+ left: 0;
846
+ top: 0;
847
+ width: 100%;
848
+ }
849
+ .skin.thumbgoleftconetntinright:hover .layer-content {
850
+ left: 0;
851
+ }
852
+ .skin.thumbgoleftconetntinright .layer-content {
853
+ height: 100%;
854
+ left: 100%;
855
+ position: absolute;
856
+ top: 0;
857
+ transition: all 0.5s ease 0s;
858
+ width: 100%;
859
+ }
860
+ .skin.thumbgoleftconetntinright .layer-hover {
861
+ display: none;
862
+ }
863
+
864
+
865
+
866
+
867
+ /*################### thumbgobottomconetntinright ########################*/
868
+ .skin.thumbgobottomconetntinright {
869
+ overflow: hidden;
870
+ position: relative;
871
+ vertical-align: top;
872
+ }
873
+
874
+ .skin.thumbgobottomconetntinright:hover .layer-media {
875
+ transform: translateY(100%);
876
+ }
877
+
878
+ .skin.thumbgobottomconetntinright .layer-media {
879
+ transition: all 0.4s ease 0s;
880
+ left: 0;
881
+ top: 0;
882
+ width: 100%;
883
+ }
884
+ .skin.thumbgobottomconetntinright:hover .layer-content {
885
+ left: 0;
886
+ }
887
+ .skin.thumbgobottomconetntinright .layer-content {
888
+ height: 100%;
889
+ left: 100%;
890
+ position: absolute;
891
+ top: 0;
892
+ transition: all 0.5s ease 0s;
893
+ width: 100%;
894
+ }
895
+ .skin.thumbgobottomconetntinright .layer-hover {
896
+ display: none;
897
+ }
898
+
899
+
900
+
901
+ /*################### thumbgotopconetntinright ########################*/
902
+ .skin.thumbgotopconetntinright {
903
+ overflow: hidden;
904
+ position: relative;
905
+ vertical-align: top;
906
+ }
907
+
908
+ .skin.thumbgotopconetntinright:hover .layer-media {
909
+ transform: translateY(-100%);
910
+ }
911
+
912
+ .skin.thumbgotopconetntinright .layer-media {
913
+ transition: all 0.4s ease 0s;
914
+ left: 0;
915
+ top: 0;
916
+ width: 100%;
917
+ }
918
+ .skin.thumbgotopconetntinright:hover .layer-content {
919
+ left: 0;
920
+ }
921
+ .skin.thumbgotopconetntinright .layer-content {
922
+ height: 100%;
923
+ left: 100%;
924
+ position: absolute;
925
+ top: 0;
926
+ transition: all 0.5s ease 0s;
927
+ width: 100%;
928
+ }
929
+ .skin.thumbgotopconetntinright .layer-hover {
930
+ display: none;
931
+ }
932
+
933
+
934
+
935
+ /*################### thumbgorightconetntinright ########################*/
936
+ .skin.thumbgorightconetntinright {
937
+ overflow: hidden;
938
+ position: relative;
939
+ vertical-align: top;
940
+ }
941
+
942
+ .skin.thumbgorightconetntinright:hover .layer-media {
943
+ transform: translateX(100%);
944
+ }
945
+
946
+ .skin.thumbgorightconetntinright .layer-media {
947
+ transition: all 0.4s ease 0s;
948
+ left: 0;
949
+ top: 0;
950
+ width: 100%;
951
+ }
952
+ .skin.thumbgorightconetntinright:hover .layer-content {
953
+ left: 0;
954
+ }
955
+ .skin.thumbgorightconetntinright .layer-content {
956
+ height: 100%;
957
+ left: 100%;
958
+ position: absolute;
959
+ top: 0;
960
+ transition: all 0.5s ease 0s;
961
+ width: 100%;
962
+ }
963
+ .skin.thumbgorightconetntinright .layer-hover {
964
+ display: none;
965
+ }
966
+
967
+
968
+
969
+ /*################### halfthumbleft ########################*/
970
+
971
+
972
+ .skin.halfthumbleft {
973
+ overflow: hidden;
974
+ vertical-align: top;
975
+ }
976
+ .skin.halfthumbleft .layer-media {
977
+ display: inline-block;
978
+ float: left;
979
+ vertical-align: top;
980
+ width: 49%;
981
+ }
982
+ .skin.halfthumbleft .layer-content {
983
+ display: inline-block;
984
+ float: right;
985
+ width: 49%;
986
+ }
987
+ .skin.half