.products_images{
margin: 0 auto;
height: auto; 
width: 100%;
margin-bottom:8px;
text-align:center;
}
.title a{
font-size:14px;	
color:#555;
}
.gradiento{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(100%, #f0f0f0)); 
background: -moz-linear-gradient(top, white 0%, white 55%, #d8d8d8 130%); 
}
.textbox {
background: white;
border: 1px solid #999;
box-shadow: 0 0 5px #ccc inset;
color: #666;
float: left;
padding: 5px 10px;
width: 100%;
outline: none;
background-color:#f8f8f8;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height:40px;
font-size:20px;
margin-bottom:8px;
}
.tooltipp {
display:none;
position:absolute;
border:1px solid #555;
background-color:#fff;
padding:10px;
color:#555;
font-size:12px;
}
.novelty{
position:relative;
padding:3px;
margin-bottom:2px;
font-size:10px;
background-color:rgba(324, 117, 0, 0.8);
color:#fff;
font-weight:bold;
text-align:center;
z-index:5;
}
.salei{
position:relative;
padding:3px;
margin-bottom:2px;
font-size:10px;
background-color:rgba(42, 145, 44, 0.8);
color:#fff;
font-weight:bold;
text-align:center;
z-index:5;
}
.nexists{
position:relative;
padding:3px;
font-size:10px;
background-color:rgba(255, 59, 19, 0.8);
color:#fff;
font-weight:bold;
text-align:center;
z-index:5;
}
.addinfo{
position:absolute;
width:30%;
top:0;
left:0;
//background:violet;
}
/*
#products .pic {
position:relative;
display:inline-block;
width:100%;
overflow:hidden;
background:#000;
}
#products .pic img{
width:100%;
}
*/
#products .pic{
height:100%;
overflow:hidden;
}
#products .pic img {
-webkit-transition: transform 10.0s ease, opacity 1.0s ease;
-moz-transition: transform 10.0s ease, opacity 1.0s ease;
transition: transform 10.0s ease, opacity 1.0s ease;
}
#products .pic:hover img {
-webkit-transform:scale(1.1) rotate(0.1deg);
-moz-transform:scale(1.1) rotate(0.1deg);
transform:scale(1.1) rotate(0.1deg);
}
.sale{
text-decoration:line-through;
color:#2a912c;
font-size:15px;
}
.particle{
color:#555;
text-align:justify;
width: 408px;
height:110px;
overflow: hidden;
}
.particlem{
color:#888;
text-align:justify;
width: 100%;
margin-bottom:8px;
height:auto;
}
.mcontent{
position:relative;
width:650px;
margin:0 auto;
margin-bottom:28px;
}
.ptitle{
float:right;
padding-right:8px;
color:#F68704;
margin-bottom:15px;
font-size:14px;
}
#emptycart{
display:none;
}
hr.carved {
border: 0px none;
height: 1px;
background: -moz-linear-gradient(left center , #FDFFFD, #999, #FDFFFD) repeat scroll 0% 0% #999;
margin-bottom:18px;
}
#products {
margin: 0 auto;
width: 100%;
height: auto;
text-align: center;
}
.product img {
float: left;
width: 100%;
height: auto;
}
.product{
position:relative;
float: left;
max-width: 23%;
margin:1%;
box-shadow: 0 9px 8px -5px rgba(100, 100, 100, 0.2);
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
background:#fff;
}
.product:hover{
background:#f8f8f8;
-moz-box-shadow: 1px 1px 7px #999;
-webkit-box-shadow: 1px 1px 7px #999;
box-shadow: 0 9px 8px -5px rgba(100, 100, 100, 0.8);
border-top:2px solid #194761;
border-bottom:2px solid #194761;
}
.title{
width: 100%;
box-sizing: border-box;
display: block;
float: left;
font-size: 14px;
padding:8px 0;
height:50px;
border-bottom:1px dashed #ddd;
}
.price{
width: 100%;
box-sizing: border-box;
display: block;
float: left;
font-size: 15px;
padding:8px 0;
}
.cart{
width: 100%;
box-sizing: border-box;
display: block;
float: left;
font-size: 13px;
padding:8px 0;
}
.mbutton{
cursor:pointer;
width:15px;
height:16px;
font-size:15px;
font-weight:bold;
display:inline-block;
}
.leftp{
//background:red;
float:left;
width:50%;
}
.rightp{
//background:blue;
float:right;
width:50%;
line-height:1.5;
font-size:16px;
}
.text2{
color:#555;
float:left;
font-size:30px;
font-weight:bold;
text-transform:uppercase;
text-shadow:1px 1px 1px #fff;
margin-bottom:28px;
}
#zoomiocontainer{
position: absolute;
z-index: 87;
overflow: hidden;
background: white;
visibility: visible;
}
#zoomiocontainer img{
width: auto !important;
height: auto !important;
position: absolute !important;
display: block !important;
}
#zoomiocontainer.mobileclass{
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
#zoomioloadingdiv{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
visibility: hidden;
overflow: hidden;
display: flex;
pointer-events: none;
z-index: 10000;
background: white;
}
#zoomioloadingdiv .spinner {
width: 40px;
height: 40px;
margin: 100px auto;
background-color: #333;
border-radius: 100%;  
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% { -webkit-transform: scale(0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% { 
-webkit-transform: scale(0);
transform: scale(0);
} 100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}
#gallerycontainer{
width: 90%;
min-width: 250px;
text-align:center;
float:left;
margin-right:18px;
}
#gallery-target{
width: 99%;
height: auto;
margin:0 auto;
}
#gallery-thumbs{
text-align: center;
width:100%;
}
.tpic{
width: 24%;
margin:0.5%;
padding:0;
float:left;
border:1px solid #ccc;
box-sizing:border-box;
}
.tpic img{
display:block;
margin:0;
padding:0;
}
#gallery-thumbs img{
width:100%;
height: auto;
padding:0;
margin:0;
cursor: pointer;
}
.slctd{
border:1px solid #000;
}
@media screen and (max-width: 1024px) {
	.product{
	max-width: 31.3%;
	}
}
@media screen and (max-width: 768px) {
	.product{
	max-width: 48%;
	}
}
@media screen and (max-width: 480px) {
	.product{
	max-width: 100%;
	}
	#gallerycontainer{
	width:100%;
	margin-right:0;
	margin-bottom:18px;
	}
	.leftp{
	float:none;
	width:100%;
	}
	.rightp{
	float:none;
	width:100%;
	}
}