.imgs{background:#FFF;padding:5px;margin-bottom: 0px;width: 48%;height: auto;float: left;display: block;padding-top: 30px;font-family: Arial;border:1px solid #eee;margin: 10px;}
.details{color:#343434;padding: 5px;font-size:14px;margin-top: 0px;background: none;width: 37%;height: auto; float: left;display: block;padding-top: 0px;}
.product{background: none;margin-top: 30px;}
.thumbs{height:80px;position:relative;}
.thumbs>span{display:block;position:absolute;top:0;bottom:0;width:30px;cursor:pointer;}
.thumbs>span:hover{background:#E1E5E6;}
.thumbs>span:before{content:'';display:block;position:absolute;background:url("../../stat/image/bg-imgs.p") no-repeat;left:5px;width:20px;height:30px;top:25px;}
.thumbs>span.prev{left:0;}
.thumbs>span.prev:before{background-position:-28px -50px;}
.thumbs>span.prev.disabled:before{background-position:-28px -75px;}
.thumbs>span.next{right:0;}
.thumbs>span.next:before{background-position:-55px -50px;}
.thumbs>span.next.disabled:before{background-position:-55px -75px;}
.thumbs .holder{height:80px;margin:0 35px;overflow:hidden;}
.thumbs .holder>div{white-space:nowrap;}
.thumbs .holder>div>span{display:inline-block;margin-right:10px;cursor:pointer;-ms-opacity:0.6;-khtml-opacity:0.6;-webkit-opacity:0.6;-o-opacity:0.6;-moz-opacity:0.6;opacity:0.6;filter:Alpha(Opacity=60);-ms-filter:Alpha(Opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
.thumbs .holder>div>span:hover{-ms-opacity:0.8;-khtml-opacity:0.8;-webkit-opacity:0.8;-o-opacity:0.8;-moz-opacity:0.8;opacity:0.8;filter:Alpha(Opacity=80);-ms-filter:Alpha(Opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.thumbs .holder>div>span.active{-ms-opacity:1;-khtml-opacity:1;-webkit-opacity:1;-o-opacity:1;-moz-opacity:1;opacity:1;filter:Alpha(Opacity=100);-ms-filter:Alpha(Opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.thumbs .holder>div>span{filter:url("data:image/svg+xml;nowhitespace:afterproperty;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 .3333 .3333 0 0 .3333 .3333 .3333 0 0 .3333 .3333 .3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(95%)}.thumbs .holder>div>span.active,.thumbs .holder>div>span:hover{-ms-filter:none;-khtml-filter:none;-webkit-filter:none;-o-filter:none;-moz-filter:none;filter:none;}
.details>h2,.more>h2{margin:0;font-size:22px;padding-bottom:10px;color:#000;font-weight: bold;}
.details>div.intro{margin:0;padding:10px 0;font-size:14px;}
.dlist{list-style:none;padding:10px 0;margin:0;}
.dlist>li{line-height:22px;}
.dlist>li>b{display:block;margin-bottom:5px;font-weight: normal;color: #435A6B;margin: 0px;}
.dlist>li>b:after{content:':';}
.dlist>li>span{display:block;padding-left:0px;color: #000;margin: 0px;margin-bottom: 3px;}
.details .price{padding:15px;font-size:22px;line-height:42px;float:right;text-align:right;}
.details .price>span{display:inline-block;margin-right:10px;}
.details .price>b{color:#111;}
.details .price>del{color:#DF3D3D;display:block;text-align:right;} 
.details .generalinfo{
	margin-bottom: 20px;
}
.details .generalinfo div{	
	  display: flex;
  justify-content: space-between; /* зүүн ба баруун тийш хуваана */
  align-items: center;
  padding: 5px;   
  margin-top: 10px;
}
.details .generalinfo div:nth-child(odd) {
  background: #EEE; /* жишээ нь цайвар саарал */
}

.details .generalinfo div:nth-child(even) {
  background: #fafafa; /* цагаан */
}
.details .generalinfo div b{
  text-align: left;
  font-weight: normal;
}
.more{background: none;padding:10px;padding-top:30px;margin-bottom:20px;width: 98%;display: inline-block;}
.fbitem{position:absolute;z-index:999999;background: none;border:1px solid #E1E5E6;-ms-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:5px;height:80px;width:300px;}
.fbitem>img{float:left;margin-right:6px;margin-top:3px;}
.fbitem>b{font-weight:normal;text-transform:uppercase;font-size:14px;display:block;padding-bottom:5px;border-bottom:1px solid #CACDCE;}
.fbitem>p{margin:0;padding:0;line-height:30px;height:32px;overflow:hidden;-ms-text-overflow:ellipsis;-khtml-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;color:#666;}
.fbitem>.price{font-size:16px;}
.fbitem>.price>del{color:#DF3D3D;float:right;}
.slider{height:500px;position:relative;}
.slider .holder{white-space:nowrap;overflow:hidden;width:1200px;padding-top:15px;}
.slider>span{display:block;width:30px;height:30px;background:url("../../stat/image/bg-imgs.png") no-repeat;position:absolute;top:0;margin-top:-45px;cursor:pointer;-ms-opacity:0.7;-khtml-opacity:0.7;-webkit-opacity:0.7;-o-opacity:0.7;-moz-opacity:0.7;opacity:0.7;filter:Alpha(Opacity=70);-ms-filter:Alpha(Opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.slider>span.prev{background-position:-30px top;right:38px;}
.slider>span.next{background-position:left top;right:0;}
.slider>span:hover{-ms-opacity:1;-khtml-opacity:1;-webkit-opacity:1;-o-opacity:1;-moz-opacity:1;opacity:1;filter:Alpha(Opacity=100);-ms-filter:Alpha(Opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.slider>span.disabled{cursor:no-drop;-ms-opacity:0.3;-khtml-opacity:0.3;-webkit-opacity:0.3;-o-opacity:0.3;-moz-opacity:0.3;opacity:0.3;filter:Alpha(Opacity=30);-ms-filter:Alpha(Opacity=30);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";}
.slider .item{display:inline-block;width:277px;margin-right:30px;height:440px;background:#FFF;white-space:normal;vertical-align:top;border-radius: 10px;overflow: hidden;text-align: center;box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;}
.slider .item img{display:block;width:283px;height:350px;}
.slider .item>a>b{display:block;padding:8px 0px;line-height:21px;height:20px;overflow:hidden;text-align: center;}
.slider .item .price{text-align: center;color: #ACACAC;font-weight: normal;}
.slider .item a:hover{text-decoration:none;}

.addbasket{height:40px;background:url("../../../stat/image/basket-big.png") left center no-repeat;padding-left:50px;padding-top:30px;border-top:1px solid #eee;border-bottom:1px solid #eee;padding-bottom:20px}
.addbasket>label>span{display:block;font-weight:bold;margin-bottom:6px;}
.addbasket input[type="number"]{border:1px solid #eee;height:30px;line-height:30px;vertical-align:top;margin-right:10px;width:50px;padding-left:8px;}
.addbasket>span{display:inline-block;color:#0f3810;font-weight:bold;margin-left:20px;}
.pictures{margin-top:20px;border-top:1px solid #ddd;width: 100%;overflow: hidden;}
.pictures img{display:block;width:auto;margin-top:20px;}

.menu-holder{height:46px;width: 100%;background: #FFF;margin-bottom: 20px;z-index: 999999;}

.sp-wrap {	
	display: none;
	line-height: 0;
	font-size: 0;
	background: none;	
	padding: 0px;
	position: relative;
	margin: 0 25px 15px 0;
	float: left;
	width: 60%;
	height: auto;
	overflow: hidden;	
    object-fit: cover;    	
	/**************
    
	  Set max-width to your thumbnail width
	***************/
}
.sp-wrap img{	
	border-radius: 10px;
	margin-bottom: 5px;
}

/* Thumbnails */

.sp-thumbs {
	margin: 0px;
	text-align: left;
	display: inline-block;
}
.sp-thumbs img {
	padding: 5px;
	min-height: 50px;
	min-width: 50px;
	max-width: 50px;
	border:1px solid #FFF;
}
.sp-thumbs a:link, .sp-thumbs a:visited {
	width: 50px;
	height: 50px;
	overflow: hidden;
	opacity: .3;
	display: inline-block;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	padding: 0px;
	border:5px solid #f42834;	
	margin: 10px;
	border-radius: 10px;
}
.sp-thumbs a:hover {
	opacity: 1;
}

/* Styles for the currently selected thumbnail */

.sp-thumbs a:active, .sp-current {
	opacity: 1!important;
	position: relative;
}

/* Image currently being viewed */

.sp-large {
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
	
}
.sp-large a img {
	max-width: 100%;
	height: 100%;
    object-fit: cover;
    background: #FFF;
}
.sp-large a {
	display: block;
}

/* Panning Zoomed Image */

.sp-zoom {
	position: absolute;
	left: 1000%;
	top: 1000%;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	display: none;
	
}
/* Lightbox */

.sp-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .9);
	z-index: 999999;
	display: none;
	cursor: pointer;
}
.sp-lightbox img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 90%;
	max-height: 90%;	
}
#sp-prev, #sp-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 9999999;
	color: #fff;
	padding: 14px;
	text-decoration: none;
	background: #000;
	border-radius: 25px;
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	transition: .2s;
}
#sp-prev {
	left: 10px;
}
#sp-prev:before {
	content: '';
	border: 7px solid transparent;
	border-right: 15px solid #fff;
	position: absolute;
	top: 16px;
	left: 7px;
}
#sp-next {
	right: 10px;
}
#sp-next:before {
	content: '';
	border: 7px solid transparent;
	border-left: 15px solid white;
	position: absolute;
	top: 16px;
	left: 18px;
}
#sp-prev:hover, #sp-next:hover {
	background: #444;
}

/* Tweak styles for small viewports */

@media screen and (max-width: 500px) {
	.sp-wrap {
		margin: 0 0 15px 0;
	}
	#sp-prev, #sp-next {
		top: auto;
		margin-top: 0;
		bottom: 25px;
	}
}