img {max-width: 100%;}
LENOVO FLEX 2-15 (20405) 15.6" DISPLAY LED SCREEN & Digitizer | LP156WF4(SP)(L1)
/*#slideshow-wrap-images-gallery {
display: block;
height: auto;
min-width: 260px;
max-width: 1022px;
margin: auto;
position: relative;
border: 1px solid #000;
padding: 40px 0px 40px 0px;
margin: 30px 0px 0px 0px;
}*/
#container-slideshow-wrap-images-gallery{
border: 1px solid #000;
min-width: 260px;
max-width: 1200px;
margin: 30px auto 30px;
}
#slideshow-wrap-images-gallery {
display: block;
height: auto;
min-width: 260px;
/*max-width: 1050px !important;*/
max-width: 852px !important;
margin: 0 auto !important;
position: relative;
padding: 40px 0px 40px 0px;
margin: 30px 0px 0px 0px;
}
#slideshow-wrap-images-gallery #slideshow-inner {
max-width: 580px;
width: 100%;
max-height: 500px;
height: 100%;
overflow: hidden;
position: relative;
margin: 0 auto;
border: 1px solid #f7f7f7f7;
}
#slideshow-wrap-images-gallery #slideshow-inner>ul {
list-style: none;
height: 100%;
width: 2405%;
overflow: hidden;
position: relative;
left: 0px;
margin: 0px;
padding: 0px;
display: block;
-webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
}
#slideshow-wrap-images-gallery #slideshow-inner>ul>li {
max-width: 578px !important;
width: 100%;
height: 488px;
float: left;
vertical-align: top;
position: relative;
padding: 5px 0px 5px 0px;
}
#slideshow-wrap-images-gallery #slideshow-inner>ul>li>img {
width: auto;
height: 100%;
display: block;
vertical-align: middle;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
#slideshow-wrap-images-gallery input[type=radio] {
position: absolute;
left: 50%;
bottom: 15px;
z-index: 100;
visibility: hidden;
}
#slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){
/*position: absolute;*/
left: 50%;
bottom: -45px;
z-index: 100;
width: 162px;
height: 162px;
float: left;
box-sizing: border-box;
cursor: pointer;
margin: 0px 10px 0px 0px;
border: 2px solid #ddd;
-webkit-transition: .3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: .3s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: .3s cubic-bezier(0.77, 0, 0.175, 1);
transition: .3s cubic-bezier(0.77, 0, 0.175, 1);
}
#slideshow-wrap-images-gallery label:not(.arrows):active { bottom: -46px }
#slideshow-wrap-images-gallery input[type=radio]#button-0:checked ~ .slider-controls .wrap-images label[for=button-0]{ border: 2px solid #000;
}#slideshow-wrap-images-gallery input[type=radio]#button-1:checked ~ .slider-controls .wrap-images label[for=button-1]{ border: 2px solid #000;
}#slideshow-wrap-images-gallery input[type=radio]#button-2:checked ~ .slider-controls .wrap-images label[for=button-2]{ border: 2px solid #000;
}#slideshow-wrap-images-gallery input[type=radio]#button-3:checked ~ .slider-controls .wrap-images label[for=button-3]{ border: 2px solid #000;
}#slideshow-wrap-images-gallery input[type=radio]#button-4:checked ~ .slider-controls .wrap-images label[for=button-4]{ border: 2px solid #000;
}#slideshow-wrap-images-gallery input[type=radio]#button-5:checked ~ .slider-controls .wrap-images label[for=button-5]{ border: 2px solid #000;
}#slideshow-wrap-images-gallery input[type=radio]#button-6:checked ~ .slider-controls .wrap-images label[for=button-6]{ border: 2px solid #000;
}
#slideshow-wrap-images-gallery .button-label,
#slideshow-wrap-images-gallery .slide-img{
background-position: 100% auto;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
#slideshow-wrap-images-gallery .slide-img{
max-width: 580px;
width: 100%;
height: 488px;
}
#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-0:checked~#slideshow-inner>ul{ left:0}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-1:checked~#slideshow-inner>ul{ left: -100%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-2:checked~#slideshow-inner>ul{ left: -200%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-3:checked~#slideshow-inner>ul{ left: -300%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-4:checked~#slideshow-inner>ul{ left: -400%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-5:checked~#slideshow-inner>ul{ left: -500%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-6:checked~#slideshow-inner>ul{ left: -600%;}
/* slide bottom section */
#slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images{
left: -0px !important;
}
#slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images{
left: -860px !important;
}
#slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images {
left: -1716px !important
}
#slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images {
left: -2576px !important
}
#slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images {
left: -3436px !important;
}
#slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-5:checked ~ .slider-controls .wrap-images {
left: -4296px !important;
}
/* slide bottom images */
#slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{
font-family: 'WebSymbolsRegular';
font-size: 25px;
color: rgb(255,255,240);
position: absolute;
top: 40%;
margin: -25px 0px 0px 0px;
display: none;
opacity: 0.7;
cursor: pointer;
z-index: 1000;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 3px rgba(0,0,0,.8);
background-image: url('https://images.3dsellers.com/listing-designer/right-button-circle.png');
background-repeat: no-repeat;
background-size: 100% auto;
width: 50px !important;
height: 50px !important;
border-radius: 100px;
}
#slideshow-wrap-images-gallery label.arrows-wrap-slider {
border: 0px solid #fff !important;
background-size: 25% 35%;
border-radius: 0px;
background-image: url('https://static.3dsellers.com/listing_designer/icons/arrow-black-right.png');
}
#slideshow-wrap-images-gallery label.arrows:hover, label.arrows-wrap-slider:hover { opacity: 1 }
#slideshow-wrap-images-gallery label.arrows:active, label.label.arrows-wrap-slider:active { margin-top: -23px }
#slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 10%;
display: block;
}#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 10%;
display: block;
}#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 10%;
display: block;
}#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 10%;
display: block;
}#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ right: 10%;
display: block;
}#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-6{ right: 10%;
display: block;
}#slideshow-wrap-images-gallery input[type=radio]#button-6:checked~.arrows#arrow-7{ right: 10%;
display: block;
}
#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 10%;
margin-top: -30px;
display: block;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 10%;
margin-top: -30px;
display: block;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 10%;
m