3PCS Soap Dispenser Wall Mount Hand Liquid Shampoo Shower Gel Lotion Container

.irobotbox-gallery {
width: 100%;
text-align: center;
position: relative;
}
.irobotbox-gallery .control-operator:target ~ .controls .control-button {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
.irobotbox-gallery .control-button:first-of-type,
.irobotbox-gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.irobotbox-gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.irobotbox-gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),
.irobotbox-gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4),
.irobotbox-gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5),
.irobotbox-gallery .control-operator:nth-of-type(6):target ~ .controls .control-button:nth-of-type(6),
.irobotbox-gallery .control-operator:nth-of-type(7):target ~ .controls .control-button:nth-of-type(7),
.irobotbox-gallery .control-operator:nth-of-type(8):target ~ .controls .control-button:nth-of-type(8),
.irobotbox-gallery .control-operator:nth-of-type(9):target ~ .controls .control-button:nth-of-type(9),
.irobotbox-gallery .control-operator:nth-of-type(10):target ~ .controls .control-button:nth-of-type(10),
.irobotbox-gallery .control-operator:nth-of-type(11):target ~ .controls .control-button:nth-of-type(11),
.irobotbox-gallery .control-operator:nth-of-type(12):target ~ .controls .control-button:nth-of-type(12) {
color: white;
color: rgba(255, 255, 255, 0.8);
}
.irobotbox-gallery .item {
position: absolute;
top: 0;
left: 0;
width: 100%;
pointer-events: none;
opacity: 0;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.irobotbox-gallery .control-operator {
display: none;
}
.irobotbox-gallery .control-operator:target ~ .item {
pointer-events: none;
opacity: 0;
-webkit-animation: none;
-o-animation: none;
animation: none;
}
.irobotbox-gallery .control-operator:target ~ .controls .control-button {
-webkit-animation: none;
-o-animation: none;
animation: none;
}
.irobotbox-gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
pointer-events: auto;
opacity: 1;
}
.items-2 .control-button:nth-of-type(1),
.items-2 .item:nth-of-type(1) {
-webkit-animation-delay: -2s;
-o-animation-delay: -2s;
animation-delay: -2s;
}
.items-2 .control-button:nth-of-type(2),
.items-2 .item:nth-of-type(2) {
-webkit-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;
}
.irobotbox-gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
pointer-events: auto;
opacity: 1;
}
.items-3 .control-button:nth-of-type(1),
.items-3 .item:nth-of-type(1) {
-webkit-animation-delay: -2s;
-o-animation-delay: -2s;
animation-delay: -2s;
}
.items-3 .control-button:nth-of-type(2),
.items-3 .item:nth-of-type(2) {
-webkit-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;
}
.items-3 .control-button:nth-of-type(3),
.items-3 .item:nth-of-type(3) {
-webkit-animation-delay: 12s;
-o-animation-delay: 12s;
animation-delay: 12s;
}
.irobotbox-gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(7):target ~ .item:nth-of-type(7) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(8):target ~ .item:nth-of-type(8) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(9):target ~ .item:nth-of-type(9) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(10):target ~ .item:nth-of-type(10) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(11):target ~ .item:nth-of-type(11) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(12):target ~ .item:nth-of-type(12) {
pointer-events: auto;
opacity: 1;
}
.items-4 .control-button:nth-of-type(1),
.items-4 .item:nth-of-type(1) {
-webkit-animation-delay: -2s;
-o-animation-delay: -2s;
animation-delay: -2s;
}
.items-4 .control-button:nth-of-type(2),
.items-4 .item:nth-of-type(2) {
-webkit-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;
}
.items-4 .control-button:nth-of-type(3),
.items-4 .item:nth-of-type(3) {
-webkit-animation-delay: 12s;
-o-animation-delay: 12s;
animation-delay: 12s;
}
.items-4 .control-button:nth-of-type(4),
.items-4 .item:nth-of-type(4) {
-webkit-animation-delay: 19s;
-o-animation-delay: 19s;
animation-delay: 19s;
}
.items-4 .control-button:nth-of-type(5),
.items-4 .item:nth-of-type(5) {
-webkit-animation-delay: 19s;
-o-animation-delay: 19s;
animation-delay: 19s;
}
.irobotbox-gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
pointer-events: auto;
opacity: 1;
}
.irobotbox-gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
pointer-events: auto;
opacity: 1;
}
.items-5 .control-button:nth-of-type(1),
.items-5 .item:nth-of-type(1) {
-webkit-animation-delay: -2s;
-o-animation-delay: -2s;
animation-delay: -2s;
}
.items-5 .control-button:nth-of-type(2),
.items-5 .item:nth-of-type(2) {
-webkit-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;
}
.items-5 .control-button:nth-of-type(3),
.items-5 .item:nth-of-type(3) {
-webkit-animation-delay: 12s;
-o-animation-delay: 12s;
animation-delay: 12s;
}
.items-5 .control-button:nth-of-type(4),
.items-5 .item:nth-of-type(4) {
-webkit-animation-delay: 19s;
-o-animation-delay: 19s;
animation-delay: 19s;
}
.items-5 .control-button:nth-of-type(5),
.items-5 .item:nth-of-type(5) {
-webkit-animation-delay: 26s;
-o-animation-delay: 26s;
animation-delay: 26s;
}
.irobotbox-gallery .control-button {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
.irobotbox-gallery .control-button:hover {
color: white;
color: rgba(255, 255, 255, 0.8);
}
.irobotbox-gallery .item {
overflow: hidden;
text-align: center;
}
.irobotbox-gallery .controls {
width: 100%;
}
.irobotbox-gallery .control-button {
display: inline-block;
margin: 0 .02em;
font-size: 3em;
text-align: center;
text-decoration: none;
-webkit-transition: color .1s;
-o-transition: color .1s;
transition: color .1s;
}
.irobotbox-gallery .item:first-of-type {
position: relative;
pointer-events: auto;
opacity: 1;
}
.bigPic {
position: relative;
width: 100%;
height: 598px;
text-align: center;
margin: 0;
background-color: #fff;
border: 1px solid #cccccc;
}
.bigPic img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 600px;
max-height: 600px;
}
.galleryNav {
padding-top: 5px;
padding-left: 0;
text-align: center;
}
.galleryThumb {
max-height: 220px;
position: relative;
display: inline-block;
margin-top: 2px;
margin-left: 2px;
width: 95px;
height: 95px;
text-align: center;
}
.galleryThumb:hover,
.galleryThumb:visited,
.galleryThumb:link {
text-decoration: none;
}
.galleryThumb:nth-child(1),
.galleryThumb:nth-child(5) {
margin-left: 0;
}
.galleryThumb:nth-child(4n) {
margin-right: 0;
}
.galleryThumb:last-child {
margin-right: 0;
}
.galleryThumb:hover {
opacity: 0.7;
cursor: pointer;
transition: all 0.2s;
}
.galleryThumb img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
a[id$=”#acontrol1/”],
a[id$=”#acontrol2/”],
a[id$=”#acontrol3/”],
a[id$=”#acontrol4/”],
a[id$=”#acontrol5/”],
a[id$=”#acontrol6/”],
a[id$=”#acontrol7/”],
a[id$=”#acontrol8/”],
a[id$=”#acontrol9/”],
a[id$=”#acontrol10/”],
a[id$=”#acontrol11/”],
a[id$=”#acontrol12/”] {
display: none;
}
/*ipad*/
@media only screen and (max-width:768px) {
.label-content {
width: 100%!important;
}
.label-content > .custom-drop {
width: 100%!important;
}
.productimage {
height: 650px!important;
min-height: 650px!important;
}
.irobotbox-gallery {
min-height: initial!important;
}
.irobotbox-gallery .item {
overflow: hidden;
text-align: center;
width: 100%!important;
}
.irobotbox-gallery.control-operator {
width: 100%!important;
height: 100%!important;
}
.bigPic {
position: relative;
width: 500px!important;
height: 500px!important;
text-align: center;
margin: 0;
background-color: #fff;
border: 1px solid #cccccc;
}
.bigPic img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.galleryThumb {
max-height: 150px;
position: relative;
display: inline-block;
margin-top: 2px;
margin-left: 2px;
width: 70px;
height: 70px;
text-align: center;
}
}
/*phone 479*/
@media only screen and (max-width:479px) {
.label-content {
width: 100%!important;
}
.label-content > .custom-drop {
width: 100%!important;
}
.productimage {
height: 550px!important;
min-height: 550px!important;
}
.irobotbox-gallery {
min-height: initial!important;
}
.irobotbox-gallery .item {
overflow: hidden;
text-align: center;
width: 100%!important;
}
.irobotbox-gallery.control-operator {
width: 100%!important;
height: 100%!important;
}
.bigPic {
position: relative;
width: 400px!important;
height: 400px!important;
text-align: center;
margin: 0;
background-color: #fff;
border: 1px solid #cccccc;
}
.bigPic img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.galleryThumb {
max-height: 130px;
position: relative;
display: inline-block;
margin-top: 2px;
margin-left: 2px;
width: 60px;
height: 60px;
text-align: center;
}
}
/*phone 375*/
@media only screen and (max-width:375px) {
.label-content {
width: 100%!important;
}
.label-content > .custom-drop {
width: 100%!important;
}
.productimage {
height: 550px!important;
min-height: 550px!important;
}
.irobotbox-gallery {
min-height: initial!important;
}
.irobotbox-gallery .item {
overflow: hidden;
text-align: center;
width: 100%!important;
}
.irobotbox-gallery.control-operator {
width: 100%!important;
height: 100%!important;
}
.bigPic {
position: relative;
width: 350px!important;
height: 350px!important;
text-align: center;
margin: 0;
background-color: #fff;
border: 1px solid #cccccc;
}
.bigPic img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.galleryThumb {
max-height: 160px;
position: relative;
display: inline-block;
margin-top: 2px;
margin-left: 2px;
width: 50px;
height: 50px;
text-align: center;
}
}