.insta-area {
	position: relative;
	padding:0 0;
}
.insta-area .no-data {
	position:relative;
	padding:40px 0;
	background:rgba(245,245,245,1);
	text-align:center;
	color:#999;
	font-size:16px;
}

.insta-list {
	position:relative;
	display:block;
	font-size:0;
	margin:0 -0.5%;
	overflow:hidden;
	list-style:none;
}
.insta-list:after {content:"";display:block;clear:both;}
.insta-list > li {
	vertical-align:top;
	display:inline-block;
	position:relative;
	width:99%;
	margin:0.5%;
	font-size:0;
	
}
.insta-list.type2 > li {width: 49%;}
.insta-list.type3 > li {width: 32.333333%;}
.insta-list.type4 > li {width: 24%;}
.insta-list.type5 > li {width: 19%;}
.insta-list.type6 > li {width: 15.66666666666667%;}

@media screen and (max-width: 640px) {
	.insta-list > li {
		width: 32.333333%;
	}
	.insta-list.m-type2 > li {
		width: 49%;
	}
	.insta-list.m-type3 > li {
		width: 32.333333%;
	}
}
.insta-list .insta-item a {
	position:relative;
	display:block;
	width:100%;
	
}
.insta-list .insta-item .icon {
	position:absolute;
	z-index:5;
	right:10px;
	top:10px;
	display:inline-block;
	width:20px;
	height:20px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	image-rendering: -webkit-optimize-contrast;
}

.insta-list .insta-item .CAROUSEL_ALBUM {
	background-image: url('/js/instafeed/imgs/slide.png');
}

.insta-list .insta-item .VIDEO {
	background-image: url('/js/instafeed/imgs/movie.png');
}

.insta-list .insta-item a .cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:10;
	background:rgba(0,0,0,.0);
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}
.insta-list .insta-item a .cover:after {
	position:absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-family: 'themify'; content: "\e611"; font-size: 26px; font-weight: normal;color:#fff;line-height:26px;
	display:inline-block;
	margin-top:5px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}
.insta-list .insta-item a:hover .cover {
	background:rgba(0,0,0,.3);
}

.insta-list .insta-item a:hover .cover:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.insta-area .more-box {
	position:relative;
	text-align:center;
}
.insta-area .more-btn {
	position:relative;
	display:inline-block;
	text-align:center;
	border:1px solid rgba(175,150,75,1);
	border-radius:30px;
	height:30px;
	line-height:26px;
	min-width:100px;
	overflow:hidden;
	font-size:16px;
	padding:0 20px;
	color:rgba(255,255,255,1);
	background:rgba(175,150,75,1);
}
.insta-area .loading img {
	position:relative;
	display:inline-block;
	height:8px;
}

/* ratio */
.ratio-base {
	position: relative;
    display: inline-block;
    width: 100%;
	vertical-align: middle;
    box-sizing: border-box;
	overflow:hidden;
	text-align:center;
}
.ratio-base:after {
	
}
.ratio-use:after {
	content:'';
	display:block;
}

.ratio-1x1 .ratio-base:after {
    padding-bottom: 100%;
}

.ratio-2x3 .ratio-base:after {
    padding-bottom: 150%;
}
.ratio-3x4 .ratio-base:after {
	padding-bottom: 133.33333333333%;
}
.ratio-4x3 .ratio-base:after {
    padding-bottom: 75%;
}
.ratio-5x4 .ratio-base:after {
    padding-bottom: 90%;
}
.ratio-5x3 .ratio-base:after {
    padding-bottom: 60%;
}
.ratio-16x9 .ratio-base:after {
    padding-bottom: 56.25%;
}
.ratio-16x10 .ratio-base:after {
    padding-bottom: 62.5%;
}

.ratio-pad10 {padding:10px;}

@media screen and (max-width: 480px) {
	.m-ratio-pad0 {padding:0px !important;}
}

.ratio-img-wrap {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	image-rendering: -webkit-optimize-contrast;
	z-index:1;
	font-size:0;
	background-size: cover;
	transition: background-size .8s ease;
    -moz-transition: background-size .8s ease;
    -web-kit-transition: background-size .8s ease;
	overflow:hidden;
}
.ratio-img-wrap img {
	position:relative;
	width:100%;
    image-rendering: -webkit-optimize-contrast;
}
.ratio-use img {
    display:none;
}