#container2 {
    max-width: 100%;
	width: 100%;
    overflow: hidden;
    margin: 0px auto;
}



#container2 .miniaturki {
    margin-top: 5px;
    min-height: 100px;
    justify-content: space-between;
    float: left;
    max-width: 126px;
    width: 100%;
    margin: 0px !important;
    padding: 0px;
    overflow-y: auto;
    max-height: 500px;
}ul.sliderxx {
    margin: 0px;
    padding: 0px;
}
#container2 .miniaturki li {   border: 1px solid #dedede;
margin: 2px;}
#container2 .miniaturki li, #container2 .miniaturki li a {
    width: auto;
    float: left;
    height: 100px;
    width: 100px;
  
    overflow: hidden;
}

#container2  .miniaturki a {

    position: relative;
    font: bold 12px/25px Arial, sans-serif;
    color: #515151;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.25), inset 1px 1px 0px rgba(0, 0, 0, 0.15);
}

#container2 .miniaturki li a img {
    width: 100%;

    margin: 0px;
	height: auto;
}

#container2  .miniaturki li a:hover span {
    position: absolute;
    z-index: 101;
    bottom: -30px;
    display: block;
    width: 60px;
    height: 25px;
    text-align: center;
    border-radius: 3px;

 

    background: #fff;

}



#container2 .sliderxx {
    overflow: hidden;
 
}

 .sliderxx img {

    position: relative;
 height: 500px;
 max-width: 400px;
    
	max-height:500px;
	border: 1px solid #dedede;
}
.sliderxx, .sliderxx li {
    position: relative;
    height: 502px;
    width: 80%;
    max-height: 502px;
    text-align: center;
    float: right;
	
}

.sliderxx li {
    position: absolute;
    z-index: 50;
    width: 100%;
    background-color: #fff;
	display: block !important;
}



.sliderxx li:target {
    z-index: 100;
    -webkit-animation: sliderr 1s 1;
}.miniaturki::-webkit-scrollbar {
    width: 12px;
}

.miniaturki::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.miniaturki::-webkit-scrollbar-thumb {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;; 
}
​
@media screen and (max-width: 400px) {
  .infobox label {
	padding: 15px;
  }.sliderxx, .sliderxx li {
    position: relative;
    height: 350px !important;
    width: 80%;
    max-height: 300px !important;
    text-align: center;
    float: right;
}.okimg {
    float: left;
    width: 100% !important;
}.uber2 {
  
    min-height: auto !important;
}}
@media screen and (max-width: 900px) {
.sliderxx, .sliderxx li {
  
    width: 78% !important; 
    
}.okimg {
  float: none !important;
}#ebaysh {
 
    width: 100%;
	margin: 10px 0px !important;
}}

@media screen and (max-width: 1100px) {
#container2 .miniaturki {
    margin-top: 5px;
    min-height: 100px;
    justify-content: space-between;
    float: left;
    max-width: 96px  !important;
    width: 100%;
    margin: 0px !important;
    padding: 0px;
    overflow-y: auto;
    max-height: 500px;
}


#container2 .miniaturki li, #container2 .miniaturki li a {
    width: auto;
    float: left;
    height: 80px !important;
    width: 80px  !important;
    overflow: hidden;
}}
@media screen and (max-width: 400px) {
.sliderxx, .sliderxx li {
  
    width: 78% !important;   height: 350px !important;
    
}}