/*****************************************/
.clear:after{content:'';display:block;width:0;height:0;line-height:0;opacity:0;overflow:hidden;clear:both}
.clearfix:after { clear: both; }
.clearfix:after, .clearfix:before { content: " "; display: table; }
.mgz {margin:0 !important}
#influencer-wrap {width:100%; margin:0 auto; }
.slider-banner {width:100%; background-color:#dcdfe4; margin:0 auto; text-align:center;}

/* main_visual */
#main-visual {position: relative;width:100%;margin:0 auto;text-align:center;min-width:1200px;height:850px}
.main-visual-img {background:#151515 url('http://webimg.calobye.com/detail/210615_supporters_page_main_bn.jpg') no-repeat center;;min-width:1000px;height:520px;}
.main-slide-wrap {box-sizing:border-box;width:1000px;margin:0 auto;margin-top:-50px}
.main-slide-img {height:180px;overflow:hidden;text-align:left;}
.main-slide-img img {width:100%;vertical-align:top}
#main-visual .swiper-pagination {position:relative;margin-top:45px} 
#main-visual .swiper-pagination-bullet {width:10px;height:10px;margin:0 5px;}
#main-visual .swiper-pagination-bullet-active {background:#ff4898}

#main-visual .swiper-button-prev.swiper-button-disabled {background:url('http://webimg.calobye.com/detail/sup_swier_left_disabled.jpg') no-repeat;opacity:1}
#main-visual .swiper-button-next.swiper-button-disabled {background:url('http://webimg.calobye.com/detail/sup_swier_right_disabled.jpg') no-repeat;opacity:1}
#main-visual .swiper-button-prev {background:url('http://webimg.calobye.com/detail/sup_swier_left_02.jpg') no-repeat;opacity:1;left:50%;margin-left:-550px;margin-top:130px;}
#main-visual .swiper-button-next {background:url('http://webimg.calobye.com/detail/sup_swier_right.jpg') no-repeat;opacity:1;left:50%;margin-left:530px;margin-top:130px;}
.main-slide-title {text-align:left;font-size:16px;color:#151515;font-weight:bold;margin-top:25px;letter-spacing:-0.5px;font-family: 'Nanum Gothic',sans-serif;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word;line-height: 21px;height:42px;}
.swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: #ffffff; opacity: .4; }
.swiper-pagination-bullet-active {opacity: 1; background: #ffffff; }

.main-visual-text {position:absolute; width:400px; top:200px; left:0; text-align:left; }
.main-visual-text h2 {font-size:44px; font-weight:700; color:#343432; font-family: 'Nanum Gothic',sans-serif; }
.main-visual-text h3 {font-size:36px; font-weight:400; color:#343432;} 
.main-visual-text p {font-size:20px; font-weight:500; color:#78787a; line-height:30px; }
.main-visual-text p:before {content: " "; display: block; width:1px; height:40px; background-color:#78787a;}

.main-post-wrap, .post-wrap {width:1024px;margin:0 auto;overflow:hidden;font-sizE:0}
.main-post-list {width:317px;display:inline-block;vertical-align:top;margin:17px 12px;}
.main-post-thumbnail {height:180px;overflow:hidden}
.main-post-thumbnail img {width:100%;vertical-align:top}

.main-post-category {background:#ff4898;font-size:14px;color:#fff;font-weight:400;padding:2px 4px;display:inline-block;margin:19px 0 14px}
.main-post-title {font-size:16px;font-family:'Nanum Gothic', sans-serif;font-weight:bold;color:#333;letter-spacing:-0.5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word;line-height: 21px;height:42px;}
.main-post-content, .main-post-content p, .main-post-content span {font-size:16px;color:#6c6c6c;}
.main-post-content {white-space: nowrap; overflow: hidden;text-overflow: ellipsis;width:100%;margin-top:10px;}
.main-post-date {margin-top:25px;border-top:1px solid #bbb;padding-top:10px;font-size:14px;color:#6c6c6c}
.main-post-more-btn-wrap {width:100%;text-align:center;margin:100px 0 75px}
.main-no-post {text-align:center;width:100%;height:200px;line-height:200px;}

.supporter-list {overflow:hidden;width:1010px;margin:0 auto}
.supporter-list-item {width:242px;margin:5px;float:left;position:relative}
.supporter-list-detail {position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;color:#fff;box-sizing:border-box; -webkit-transition: all 0.3s ease-in;  transition: all 0.3s ease-in;opacity:0;}
.supporter-list-detail:hover {opacity:1}
.supporter-list-detail h3 {color:#fff;font-size:18px;font-weight:bold;margin-top:13px;z-index:555}
.supporter-list-overlay {position:absolute;background:#000;opacity:0.7;top:0;left:0;width:100%;height:100%} 
.supporter-list-txt {position:absolute;top:115px;left:0;width:100%;z-index:6666;padding:0 35px;box-sizing:border-box;}

/* top nav */
.influencer-nav {position:relative; width:100%; margin:0 auto; }
.influencer-topmenu {position:relative; width:1200px; margin:0 auto;  box-sizing:border-box; }
.snb.influencer-topmenu li{position:relative;float:left;width:20%}
.snb.influencer-topmenu li+li:before{content:'';position:absolute;top:25%;width:1px;height:34px; background-color:#bbbbbb;}
.snb.influencer-topmenu li:nth-child(2){/*width:33.4%*/}
.snb.influencer-topmenu li:last-child a, .snb.influencer-topmenu li:last-child a.on {color:#ff4898}
.snb.influencer-topmenu li a{display:block;height:68px;text-align:center;font-size:18px;font-weight:500;line-height:70px; color:#bbb;}
.snb.influencer-topmenu li a.on {color:#000; }

/* title */
.post-container .title-box {position:relative;padding-top:80px;text-align:center;width:1000px;margin:0 auto;border-top:1px solid #bbbbbb;margin-bottom:35px;}
.post-container .title-box .sec-tit {font-size:30px; line-height:1.5; font-weight:bold; color:#222;}
.post-container .title-box h3,
.post-container .title-box a {display:inline-block}
.post-container .title-box a.btn-more {font-size:13px;padding:6px;margin-left:20px; color:#222;font-weight: normal; float:right; }

/* influencer */
.influencer-list {width:100%; padding-top:10px; padding-bottom:40px;}
.influencer-list .influencer-list-item {margin-left:10px;display:inline-block;width:calc((100% - 60px) / 4);vertical-align:top;margin-bottom:10px;} 
.influencer-list .influencer-list-item:first-child {margin-left:0}
.influencer-thumb { position: relative; width: 100%; color: #ffffff; text-align: left;  font-size: 16px; margin:0; }
.influencer-thumb * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.influencer-thumb img {
  position: relative;
  max-width: 100%;
  vertical-align: top;

  -webkit-transition: .5s ease-in-out;

  -moz-transition: .5s ease-in-out;

  -o-transition: .5s ease-in-out;
}
.influencer-thumb figcaption {position: absolute; width:100%; bottom: 0; left:0; z-index: 1; opacity: 0;  }
.influencer-thumb figcaption:before,
.influencer-thumb figcaption:after { width: 1px; height: 0; }
.influencer-thumb figcaption:before { right: 0; top: 0; }
.influencer-thumb figcaption:after { left: 0; bottom: 0; }
.influencer-thumb h3 {font-size:17px; color:#fff;background:#000; margin: 0; font-weight: 700; text-transform: uppercase; text-align:center;color:#fff;padding-top:10px;padding-bottom:10px;opacity:0.8}
.influencer-thumb a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; }
.influencer-thumb:before,
.influencer-thumb:after,
.influencer-thumb figcaption:before,
.influencer-thumb figcaption:after {
  position: absolute;
  content: '';
  background-color: #f54a7e;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0.8; 
  }
.influencer-thumb:before,
.influencer-thumb:after { height: 1px; width: 0%; }
.influencer-thumb:before { top: 0; left: 0; }
.influencer-thumb:after { bottom: 0; right: 0; }
.influencer-thumb:hover img,
.influencer-thumb.hover img {

  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
}
.influencer-thumb:hover figcaption,
.influencer-thumb.hover figcaption {
  opacity: 1;
}
.influencer-thumb:hover figcaption:before,
.influencer-thumb.hover figcaption:before,
.influencer-thumb:hover figcaption:after,
.influencer-thumb.hover figcaption:after {
  height: 100%;
}
.influencer-thumb:hover:before,
.influencer-thumb.hover:before,
.influencer-thumb:hover:after,
.influencer-thumb.hover:after {
  width: 100%;
}
.influencer-thumb:hover:before,
.influencer-thumb.hover:before,
.influencer-thumb:hover:after,
.influencer-thumb.hover:after,
.influencer-thumb:hover figcaption:before,
.influencer-thumb.hover figcaption:before,
.influencer-thumb:hover figcaption:after,
.influencer-thumb.hover figcaption:after {
  opacity: 0.1;
}
.influencer-list .influencer-model-list {margin:10px 0 0 5px; display:inline-block;width:calc((100% - 60px) / 4);vertical-align:top;} 


/* 메인 중앙 배너 */
.mid-banner{}
.mid-area-box {width:1200px; margin:0 auto; }
.mid-banner-con {position:relative; width:100%; height:200px; margin:20px 0; background-color:#555;}
.mid-banner-con .mid-banner-tit {font-size:30px; line-height:200px; text-align:center; color:#fff; font-weight:bold; letter-spacing:-1px;}

/* influencer list */
.influencer-model-list {position:relative; width:100%;}
.influencer-thum-list {position:relative; display:table;}
.influencer-thum-list>li{position:relative;width:calc(25% - 16px);height:auto; float:left; padding-bottom:30px;display:table-cell; margin-left:20px!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.influencer-thum-list>li:nth-child(4n+1){margin-left:0!important}
.influencer-thum-list>li>.img{margin-bottom:20px}
.influencer-thum-list>li>.img img{ width:100%; height:100%; }
.influencer-thum-list>li> h3 {font-size:18px; color:#000; padding-top:5px; }
.influencer-thum-list>li> p {font-size:16px; color:#333;}

.gender_list {position:absolute;right:25px;top:50px}
.gender_list > li {float:left;margin-left:20px;font-size:18px}
.gender_list > li.active {font-weight:bold}
.gender_list > li a {color:#000}

/* post  수정후 삭제요청*/
.post-container {width:1200px; margin:0 auto;}
.post-list {width:100%; padding-top:10px;}
.post-list .post-list-item {margin-left:14px;display:inline-block;width:calc((100% - 60px) / 4);vertical-align:top; border:1px solid #e5e5e5; margin-bottom:20px;} 
.post-list .post-list-item:hover .post-thumb img { -ms-transform: scale(1.1); transform: scale(1.1); }
.post-list .post-list-item:nth-child(4n+1) {margin-left: 0;}
.post-list .post-list-item .post-thumb {height:224px;overflow:hidden; background:#a2a2a2; }
.post-list .post-list-item .post-thumb img {width:100%; transition: transform .35s;}
.post-list .post-info-box {position: relative;margin:0;padding:20px 15px;line-height:1; background:#fff;}
.post-list .post-info-box .pos-first {margin-bottom:15px;}
.post-list .post-info-box .pos-first span {padding-bottom:4px;display:inline-block;font-size:13px; font-family: '맑은 고딕','Malgun Gothic','Helvetica','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; letter-spacing:0px; }
.post-list .post-info-box .post-de-txt {margin-bottom:15px;font-size:20px; letter-spacing:-1px;line-height:30px; color:#2b2b2b; font-weight:bold; }
.post-list .post-info-box .mg_title {font-size:15px;font-weight:normal;color:#777; }
.post-list .post-info-box span.date {float:right;font-size:13px;color:#999;font-weight: normal;border:none; letter-spacing:0; }
.post-list .post-info-box .post-infoname {position:absolute; top:-22px; left:0;  overflow:hidden; background-color:#fff; padding:5px 10px; font-size:13px; font-weight:bold; color:#222;}

.dot-st {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/*post view */
.post-view-content {position:relative; width:100%; margin-top:30px;}
.post-head {}
.post-head .post-image {width:100%; padding-top:20px; }
.post-head .post-image img {width:100%;}
.post-text-content {position:relative; display:inline-block; width:100%; vertical-align:middle; box-sizing:border-box; border-bottom:1px solid #e7e7e7;}
.post-title {margin:41px 0 8px; text-align:left; width:100%; letter-spacing:-1px; line-height:30px;font-size:30px; font-weight:bold;  color:#000;}
.post-info {position:relative; display:inline-block; width:100%; vertical-align:middle; text-align:left;}
.post-info span {font-size:14px; color:#222;}
.post-text-main {width:100%; padding-bottom:30px; }
.post-text-main .post-row {padding-top:20px;}
.post-text-main .post-row p { color:#000;line-height:160%}
.post-text-main .post-row p span {display:inline-block;line-height:160%}
.post-text-main .post-row p img {width:100%;}

.post-nav {position:relative; width:100%;}
.post-nav .post-nav-btn {display:block; margin:40px auto 0; width:130px; line-height:40px; background-color: #111; color:#fff; font-size:17px; font-weight:bold;   text-align:center;}

/* recommend */
.recommend_wrap {margin:40px 0}
.recommend_wrap .best_title {  margin-top: 10px; font-size: 13px; font-family: 'Nanum Gothic';font-weight: bold;color: #5b5752;overflow: hidden;text-overflow: ellipsis; white-space: normal; line-height: 18px; height: 36px; text-align: left;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.recommend_wrap .best_cate {font-size: 12px; margin-top: 5px;color: #979797; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.recommend_wrap .best_total {font-size:14px;padding-top:5px}
.recommend_wrap .linethrough {text-decoration: line-through;}
.recommend_wrap .baro {font-size:18px;color:#000;margin-left:15px}

/* commnent */
.post-comment-form {position:relative; width:100%; padding:50px 0 0; }
.post-comment {position:relative; width:100%;   border-top:1px solid #ccc;}
.comment-title {margin:0 0 37px; font-size:20px; font-weight:bold; color:#000;}
.post-comment-form textarea {display:block;  width:100%; min-height:177px; }
.comment-btn-nav {position:relative; width:100%;overflow:hidden}
.comment-btn-nav .comment-btn {display:block; margin:20px 0; float:right;  width:120px; line-height:40px; background-color: #111; color:#fff; font-size:16px; font-weight:bold;   text-align:center;cursor:pointer}

.post-comment {position:relative; width:100%;  border-top:1px solid #ccc;}
.comment-themelazer {position:relative; display:inline-block; width:100%; padding-bottom:10px; border-bottom:1px solid #eee;}
.comment-content {margin:0 0 0 10px; padding-bottom:0px; display:table; table-layout:fixed; }
.comment-content p{ margin:15px 0; font-size: 14px; line-height:22px; }
.comment-meta h6{ font-size: 14px; margin-bottom: 0px; }
.comment-content h6 span { font-weight: 500; font-size: 14px; }
.comment-footer {position:relative; width:100%; padding:0; margin:0 auto;}
.comment-footer .date {font-size:13px; color:#808080; margin:0;font-weight:bold}
.comment-footer .delete {font-size:12px;margin-left:30px; padding:2px 6px ; background-color:#333; border-radius:5px; text-align:center;cursor:pointer}
.comment-footer .delete a {color:#fff;}

/* paging */
.paging {width:100%;text-align:center;font-size:0;padding:50px 0}
.paging > a.paging-number {font-size:15px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;width:29px;height:29px;line-height:29px;display:inline-block;box-sizing:border-box;color:#888;cursor:pointer}
.paging > a.paging-number:first-child{border-left:0}
.paging img {cursor:pointer;vertical-align:top}
.paging .on {border-bottom:2px solid #ff4898 !important}

/* influencer view */
.influencer-container {width:1200px; margin:0 auto;}
.page-content {width:73%; float:left; position:relative; }
.page-sidebar {width:27%; float:left; position:relative; }

.page-holder {width:100%; margin:0 0 40px; clear:both; }
.influencer-description {width:100%; padding:0;  box-sizing:border-box; border-bottom:1px solid #e7e7e7; }
.influencer-description-content {position:relative; padding:15px 0; clear:both;padding-bottom:50px}
.description-image {width:200px; position:absolute; z-index:55}
.description-image img {display:block; border-radius:50%;width:100%}
.description-text {position:relative; padding:34px 0 58px 230px; text-align:left;}
.description-text .name {font-size:16px; color:#000;}
.description-text .text {position:relative; display:inline-block; width:100%; vertical-align:middle;}
.description-text .text .description {margin: 17px 0 14px;}
.description-text .social-icon {position:relative; display:inline-block; width:100%; vertical-align:middle;}
.description-text .social-icon a {position:relative; display:inline-block; padding:0; margin: 0 10px 0 0; }
.description-text .social-icon a img {width:25px;}

.influencer-post {position:relative; display:inline-block; width:100%;}
.influ-post-list {width:100%; padding-top:50px;border-top:1px solid #e5e5e5}
.influ-post-list .influ-post-item {margin-left:23px;display:inline-block;width:calc((100% - 60px) / 3);vertical-align:top; border:1px solid #e5e5e5; margin-bottom:20px;} 
.influ-post-list .influ-post-item:hover .influ-post-thumb img { -ms-transform: scale(1.1); transform: scale(1.1); }
.influ-post-list .influ-post-item:nth-child(3n+1) {margin-left: 0;}
.influ-post-list .influ-post-item .influ-post-thumb {height:220px;overflow:hidden; background:#a2a2a2; }
.influ-post-list .influ-post-item .influ-post-thumb img {width:100%; transition: transform .35s;}
.influ-post-list .influ-post-info-box {position: relative;margin:0;padding:20px 15px;line-height:1; background:#fff;}
.influ-post-list .influ-post-info-box .pos-first {margin-bottom:15px;}
.influ-post-list .influ-post-info-box .pos-first span {padding-bottom:4px;display:inline-block;font-size:13px; font-family: '맑은 고딕','Malgun Gothic','Helvetica','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; letter-spacing:0px; }
.influ-post-list .influ-post-info-box .post-de-txt {margin-bottom:15px;font-size:20px; letter-spacing:-1px;line-height:30px; color:#2b2b2b; font-weight:bold; }
.influ-post-list .influ-post-info-box .mg_title {font-size:15px;font-weight:normal;color:#777; }
.influ-post-list .influ-post-info-box span.date {float:right;font-size:13px;color:#999;font-weight: normal;border:none; letter-spacing:0; }
.influ-post-list .influ-post-info-box .post-infoname {position:absolute; top:-22px; left:0;  overflow:hidden; background-color:#fff; padding:5px 10px; font-size:13px; font-weight:bold; color:#222;}

.dot-st {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* side bar */
.sidebar-content {position:relative; width:280px; margin:0; margin-left:43px; margin-top:30px;}
.sidebar-banner {width:100%; }
.sidebar-banner img {width:100%;}
.sidebar-post-content {width:100%; border-top:1px solid #e7e7e7; margin-top:10px; padding-top:10px;}
.sidebar-title {width:100%;}
.sidebar-title h3 {font-size:14px; color:#000; }
.sidebar-post {}
.sidebar-post-list {margin-top:5px;overflow:hidden}
.sidebar-post-list li {border-bottom: 1px solid #e7e7e7; display: table; border-collapse: collapse; width: 100%;  }
.sidebar-item { display: table-row; overflow: hidden; }
.sidebar-item-img {display: table-cell; vertical-align: middle; width: 45%; padding:10px 10px 10px 0;}
.sidebar-item-img img { display: block; width: 100%; height: auto; }
.sidebar-item-text { display: table-cell; vertical-align: middle; width: 55%; padding-right:5px;}
.sidebar-item-head { margin: 0; font-size:14px; color:#000;padding-bottom:5px;display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sidebar-item-summary {margin: 0; }
.sidebar-item-text > p {display:inline;overflow:hidden;white-space: normal; line-height: 18px; height: 36px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;
}
.sidebar-post-list span {display:inline}


/* new post magazine list */
.post-magazine {width:100%; margin:0 auto; }
.post-magazine-thum-list{position:relative; display:inline-block;width:100%}
.post-magazine-thum-list> li{float:left;width:calc(100% - 10px);position:relative;height:270px;padding:10px 0px 0 420px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:40px;overflow:hidden}
.post-magazine-thum-list> li p {    max-height: 88px;
    font-size: 16px;
    line-height: 22px;
    white-space: normal;
    text-overflow: ellipsis;}
	.post-magazine-thum-list> li p span {font-size: 16px;
    white-space: normal;
    text-overflow: ellipsis;display:inline-block}
.post-magazine-thum-list> li > a{display:block; color:#000;}
.post-magazine-thum-list> li > a > div.img_wrap{position:relative;overflow:hidden;width:100%;height:100%}
.post-magazine-thum-list> li > .img{position:absolute;left:0;top:0;width:390px; }
.post-magazine-thum-list> li >.img img{width:100%; height:100%}
.post-magazine-thum-list> li >.category{display:inline-block;font-size:14px;line-height:22px;font-weight:bold;vertical-align:top;margin-bottom:10px}
.post-magazine-thum-list> li >.link>.tit{display:block;font-size:22px;line-height:28px;font-weight:500;margin-bottom:15px; color:#000; font-weight:bold;}
.post-magazine-thum-list> li >.link>.desc{max-height:88px;font-size:16px;line-height:22px;margin-bottom:15px;white-space:normal;text-overflow:ellipsis;display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 22px;height:40px;overflow: hidden;}

.post-magazine-thum-list> li >.link>.date{font-size:13px}
.post-magazine-thum-list> li >.link{position:relative;z-index:1}
.post-magazine-thum-list> li > a >.video-post { background:url('../images/video-hover.png') center center no-repeat; position:absolute; width:240px; height:191px; display:block; background-size:30%; opacity: 0.7;}
.post-magazine-thum-list.lc_e5{border-width:0 0 1px;margin-bottom:60px}
.post-magazine-thum-list .large>.link{width:calc(100% - 60px)}

/* breadcrumb */
.breadcrumb {position:relative; font-weight: 500; font-style: normal;  line-height: 30px; letter-spacing: .2px; color: #666; font-size: 13px; padding:30px 0; }
.breadcrumb li {float:left;  margin:0 5px;}
.breadcrumb li a {color: #666;font-weight: 500; font-style: normal; }
.breadcrumb li a:after {content: '/'; font-size: 80%; margin-left: .8em; }


@-webkit-keyframes zzim-animate-delay {
		from {-webkit-transform:scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity:1;}
		75% {-webkit-transform:scale3d(1.15, 1.15, 1.15);transform: scale3d(1.15, 1.15, 1.15);opacity:1;}
		to {-webkit-transform:scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity:1;}
	}
@keyframes zzim-animate-delay {
	from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity:1;}
	75% {-webkit-transform: scale3d(1.15, 1.15, 1.15);transform: scale3d(1.15, 1.15, 1.15);opacity:1;}
	to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity:1;}
}
.zzim_icon {position: absolute;right: 10px;top: 10px; padding: 10px; background: #fff;border: 1px solid #e5e5e5;border-radius: 50%;}
.zzim_layer {display:none;position:relative;width:100%;height:100%;top:0;left:0;z-index:55}
.zzim_on, .zzim_off {background:url('http://webimg.calobye.com/img/ver2/overlay_bg5.png') repeat;}
.zzim_ani {-webkit-animation-name: zzim-animate-delay;animation-name: zzim-animate-delay;-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;
-webkit-animation-fill-mode: both;animation-fill-mode: both;position:fixed;width:230px;height:200px;left:50%;margin-left:-115px;top:50%;margin-top:-100px;text-align:center;color:#fff;padding-top: 55px;line-height:180%;box-sizing: border-box;z-index:5555;font-size:20px}


/* insta list */
.insta_list {float:left;width:24%;margin-left:1%;}
.insta_list:first-child {margin-left:0}
.insta_list img {width:100%;vertical-align:top}
.insta_list a {display:block;width:100%;height:100%;position:relative}
.insta_list .insta_layer {/*display:none*/position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;text-align:center;padding:10%;padding-top:70px;box-sizing:border-box;z-index: 1;
  -webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;opacity: 0; }
.insta_list .insta_layer:hover {opacity:0.8;}
.insta_list .insta_name {color:#ddd;font-size:14px;margin-bottom:10px}

/* gallery list */
.gallery_wrap {padding-left:230px;box-sizing:border-box;overflow:hidden}
.gallery_wrap > div {float:left;width:150px;margin-left:10px;overflow:hidden}
.gallery_wrap > div:first-child {margin-left:0}


.x-box {position:fixed;top:0;right:0;padding:40px;cursor:pointer}

#load-section-prev {position: absolute; left: 50%;top: 50%;margin-top: -37px;z-index: 555;margin-left: -620px;z-index:8888}
#load-section-next {position: absolute; right: 50%; top: 50%;  margin-top: -37px;z-index: 555; margin-right: -620px;z-index:8888}

#dialog {position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:5060;}
#mask {position:absolute;left:0;top:0;z-index:5050;background-color:#000;}
.fix {overflow:hidden}

.gallery_list a {display:block;width:150px;height:150px;overflow:hidden;position:relative}
#load-section {width:1100px;height:720px;line-height:720px;text-align:center;top:50%;margin-top:-360px;text-align:center;position:absolute;}
#load-section img {vertical-align:middle}

.post-top {overflow:hidden;margin:80px 0 50px;position:relative}
.post-top h2 {font-size:30px;color:#252525;}
.post-top ul {overflow:hidden;position:absolute;right:0;top:8px}
.post-top ul li {float:left;font-size:16px}
.post-top li a {color:#6c6c6c}
.post-top li a.on {color:#ff4898;font-weight:bold}