body,html
{
padding:0px;
margin:0px;
}
#table_prod
{
padding: 20px;
}
.thumb_gallery
{
position:relative;
width:400px;
overflow:hidden;
border:1px solid #000;
}
.thumb_gallery .thumb_image
{
position:relative;
height:150px;
width:400px;
display:block;
padding:10px;
vertical-align:middle;
text-align:center;
border-bottom:1px solid #000;
}
.thumb_gallery .thumb_image img
{
position:relative;
max-height:180px;
max-width:380px;
display:block;
margin: auto;
cursor:pointer;
}
ul.gallery
{
height:50px;
display:inline-block;
width:600px;
position:relative;
padding: 0px 30px;
margin: 0px;
}
ul.gallery li
{
display:inline-block;
cursor:pointer;
vertical-align:middle;
text-align:center;
}
ul.gallery li img
{
display:block;
width:auto;
height:auto;
max-width:40px;
max-height:40px;
padding:4px;
border:1px solid #fff;
}
ul.gallery li img:hover
{
border:1px solid #333;
}
ul.gallery li img.active
{
border:1px solid #333;
background:#333;
}
.thumb_gallery .buttons
{
padding:0px;
margin:0px;
display:block;
position:absolute;
bottom:0px;
background-color:rgba(255,255,255,0.3);
vertical-align:middle;
height:50px;
cursor:pointer;
bottom:0px;
opacity:0.2;
-moz-transition:opacity 800ms;
-webkit-transition:opacity 800ms;
-o-transition:opacity 800ms;
transition:opacity 800ms;
}
.thumb_gallery .buttons:hover
{
opacity:1;
}
.thumb_gallery .buttons img
{
margin:10px 0px;
width:30px;
height:30px;
}
.thumb_gallery .left
{
left:0px;
}
.thumb_gallery .right
{
right:0px;
}
.bgBlackGallery
{
position:absolute;
left:0px;
top:0px;
margin:0px;
padding:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
z-index:100;
}
.closeFullButton
{
position:absolute;
left:0px;
top:0px;
margin:0px;
padding:0px;
width:100%;
height:100%;
z-index:80;
}
.closeButton
{
z-index:100;
position:absolute;
right:10px;
top:10px;
margin:0px;
padding:0px;
width:30px;
height:30px;
display:block;
background:#fff;
}
.closeButton img
{
position:relative;
margin:0px;
padding:0px;
width:30px;
height:30px;
cursor:pointer;
}
.closeButton img:hover
{
opacity:0.9;
}