/* BASIC css start */
.instargram_wrap {width:100%; background:#ffffff; margin: 60px 0 100px 0; overflow: hidden; }
.instar_title {position: relative;width: 1100px; margin:40px auto; text-align: center;}
.instar_title > img {margin-bottom:10px;}
.instar_title > p {color:#999;}

.instar_title .instar_link {
    position: absolute;
    bottom: 0;
    right: 10px;
    padding: 5px 10px;
    background: #777;
    color: #fff;
    font-size: 10px;
    letter-spacing: .5px;
    border-radius: 4px;
}    

.instar_title .instar_link:hover {    background: #d50c0c;}

#instagram {overflow: hidden;width: 1100px; /*height: 265px;*/ margin:0 auto;}
.instagram_item {
    float: left;
    width: 173px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.instagram_item > a {display: block;width: 100%;padding-top: 100%;position: relative;background: no-repeat center center;background-size: cover;}
.instagram_item > a:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000;background: rgba(0, 0, 0, .8);background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);z-index: 1;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);transition: opacity .55s cubic-bezier(.215, .61, .355, 1);}
.instagram_item p {display:none; width: 100%;padding: 19px 57px;position: absolute;left: 0;top: 50%;font-size: 16px;font-weight: 400;text-align: left;color: #fff;transform: translateY(-50%);z-index: 2;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215,.61,.355,1);transition: opacity .55s cubic-bezier(.215,.61,.355,1);}
.instagram_item > a:hover:before {opacity: 1;}
.instagram_item > a:hover p {opacity: 1;}





/* BASIC css end */