/* CSS Document */
.mi_div_container{
	width:100%;
	overflow:hidden;
	position:relative;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:50px;
	padding-right:50px;
}

.mi_div_25{
	position:relative;
	float:left;
	width:25%;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:50px;
}
.mi_div_25 .wrap{
	position:relative;
	overflow:hidden;
	width:100%;
	cursor:pointer;
}
.mi_div_25 .img{
	position:relative;
	width:100%;
	padding-top:100%;
	overflow:hidden;
	border-bottom:1px solid rgb(240,240,240);
	border:1px solid rgb(240,240,240);
	
	background-position:center;
	background-size:cover;
}
.mi_div_25 .title{
	float:left;
	width:70%;
	font-family:'roboto',sans-serif;
	font-weight:300;
	letter-spacing:1px;
	font-size:100%;
	padding-left:3px;
	padding-top:20px;
	padding-bottom:10px;
	
	overflow:hidden;
	text-overflow:ellipsis;
	
	white-space:nowrap;
}
.mi_div_25 .price{
	float:right;
	max-width:30%;
	font-family:'roboto',sans-serif;
	font-weight:300;
	letter-spacing:1px;
	font-size:100%;
	padding-right:3px;
	padding-top:20px;
	padding-bottom:10px;
	
	overflow:hidden;
	white-space:nowrap;
}
.mi_div_25 .size{
	position:absolute;
	top:0;
	left:0;
	
	width:100%;
	height:50px;
	
	overflow:hidden;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.mi_div_25 .size .maat{
	float:left;
	width:40px;
	height:40px;
	border:1px solid #CCC;
	margin-right:10px;
	margin-bottom:10px;
	line-height:40px;
	
	font-family:'roboto', sans-serif;
	font-weight:400;
	color:#CCC;
	font-size:15px;
	letter-spacing:2px;
	text-align:center;
	
	color:#333;
	border:1px solid #333;
	
}
.mi_div_33{
	position:relative;
	float:left;
	width:33.333333%;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:50px;
}
.mi_div_33 .img{
	position:relative;
	width:100%;
	padding-top:80%;
	overflow:hidden;
	margin-bottom:10px;
}
.mi_div_33 .img img{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	
	-webkit-transform:translate3D(0,-50%,0);
	-moz-transform:translate3D(0,-50%,0);
	-ms-transform:translate3D(0,-50%,0);
	-o-transform:translate3D(0,-50%,0);
	transform:translate3D(0,-50%,0);
}
.mi_div_33 .title{
	float:left;
	max-width:70%;
}
.mi_div_33 .price{
	float:right;
	max-width:30%;
}

.mi_div_50{
	float:left;
	width:50%;
	height:;
	padding-top:;
	
}
.mi_div_50 .wrap{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
}
.mi_div_66{
	float:left;
	width:66.666666%;
	height:;
	padding-top:;
	
}
.mi_div_66 .wrap{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
}
.mi_div_75{
	float:left;
	width:75%;
	height:;
	padding-top:;
	
}
.mi_div_75 .wrap{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
}
.mi_div_100{
	float:left;
	width:100%;
	height:;
	padding-top:;
	
}
.mi_div_100 .wrap{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
}


.mi_div_60{
	float:left;
	width:60%;
	height:;
	padding-top:30%;
	padding-left:20px;
	position:relative;
}
.mi_div_60 .wrap{
	position:absolute;
	top:0;
	left:20px;
	right:20px;
	bottom:0;
	
	background-size:cover;
	background-position:center;
}
.mi_div_40{
	float:left;
	width:40%;
	height:;
	padding-top:30%;
	padding-left:20px;
	position:relative;
}
.mi_div_40 .wrap{
	position:absolute;
	top:0;
	left:20px;
	right:20px;
	bottom:0;
	
	background-size:cover;
	background-position:center;
}