/* CSS Document */


.ib-product-group {
	
	/*background-color:#FFFFFF;*/
	
	/*border-radius:3px;
	box-shadow:2px 3px 0px #999;*/
	/*margin:20px auto ;*/
	
}
@media ( max-width:480px) { 
	h3 { text-align:center;}
}

.ib-product-item { margin:0px;}
.ib-product-item.reccomend { margin:0px; padding:0px;}

.ib-thumbnail { 
	
	/*margin:0px;
	padding:10px;*/
	border:1px solid #DDD;
	border-radius:0px;
	position: relative;
	overflow:hidden;
	
}
.ib-thumbnail:hover {
	box-shadow:0px 0px 10px #999;
	z-index: 1;
}
.ib-product-item.reccomend .ib-thumbnail { 
	
	border: 0px solid #DDD;
	
}
@media ( max-width:480px) { 
	.ib-product-item.reccomend .ib-thumbnail { 
		width: 48%;		
		float: left;
		margin: 1%;
	}
}
.thumbnail .caption { padding-left:0px; padding-right:0px; font-size:13px; }

.ib-square {
    position: relative;
	width: 100%;		/* desired width */
	overflow:hidden;
	background-image:url("../imageset/loading/loading-icon.gif");
	background-repeat:no-repeat;
	background-position:center ;
	background-size:25px;
	background-color:#FFF;
}
.ib-square:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}


.ib-box-content{
	position:  absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

/* Other ratios */
.ratio2_1:before{
	padding-top: 50%;
}
.ratio1_2:before{
	padding-top: 200%;
}
.ratio4_3:before{
	padding-top: 75%;
}
.ratio3_4:before{
	padding-top: 125%;
}
.ratio16_9:before{
	padding-top: 56.25%;
}

.ib-box-content .ib-cover-table{
	width: 100%;
	height: 100%;
	display: table;
}
.ib-box-content .ib-cover{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.ib-box-content .ib-cover img { width:100%; vertical-align:middle; }

.ib-thumbnail .ib-btn { display:block; margin:5px 0px; border-radius:0px; font-size:13px; padding-left:0px; padding-right:0px; text-align:center; }




.ib-thumbnail .ib-btn {
	

	background: #333;
	border: 1px solid #FFF;
	
	
	
	cursor:pointer;
	color:#ffffff;
	
	font-size:13px;
	font-weight:bold;
	padding:6px 0px;
	text-decoration:none;
	width: 50%;
	float: left;
}
.ib-thumbnail .ib-btn:hover {
	background: #000;	
	border:1px solid #FFF;
	color:#ffffff;
}
.ib-thumbnail .ib-btn:active {
	position:relative;
	top:1px;
}


/* width 320px smallest */
@media ( max-width:320px) {  
	.ib-product-item {
		width:100%;
		margin:20px auto;		
		float:none;
	}
	
}

@media (min-width:321px) and (max-width: 629px) {  

	.ib-product-item {
		width:100%;		
		margin:20px auto;
		float:none;		
	}

}

@media (min-width:630px) and (max-width: 767px)  {  
	.ib-product-group { padding:30px 15px; }
	.ib-product-item {
		width:50%;	
		margin:0px;
		/*padding:3%;*/
		float:left;
	}

}


/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {  
	.ib-product-group {  padding:30px 15px; }
	
}