.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}
.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}}




#pixlee_mainUgc{height: 300px;}
#pixlee_mainUgc .swiper-slide{width:300px !important}
  .swiper-container {
    width: 100%;
    height: 100%;
  }
  
  .thumb {
    height: 100%;
    width: 100%;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  .thumb img {
    width: 100%;
  }
  .modal-lg {width:940px;}
  .modal-dialog{margin-top: 8%;}
  .modal-content{border-radius: 0;}
  
  .modal-content button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
  }
  
  .preview-box .swiper-button-prev {
    left: -80px;
  }
  
  .preview-box .swiper-button-next {
    right: -80px;
  }
  
  .preview-box [class^="swiper-button"] {
    position: fixed;
    top: 50%;
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
  }
  
  .preview-box .swiper-button-disabled {
    display: none;
  }
  
  .preview-box .swiper-slide{
    height: auto;
  }
  
  .previewImg-box {
    width: 940px;
    height: 100%;
  }
  .previewImg-box .previewImg-box--thumb {height: 100%;width: 600px;float:left;}
  .previewImg-box .previewImg-box--img {width: 560px;height: 560px;padding: 20px;position:relative;box-shadow: inset -1px 0px 0px #f0f2f7;}
  .previewImg-box .previewImg-box--bg {width: 560px;height: 560px;position:absolute;transform: translate(-50%, -50%);left: 50%;top: 50%;background-size: cover;background-position: center center;background-repeat: no-repeat;overflow: hidden;}
  .previewImg-box .previewImg-box--bg:before {content: '';display: block;background-image: inherit;background-size: cover;filter: blur(20px);position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
  .previewImg-box .previewImg-box--bg img {max-width: 560px;max-height: 560px;position:relative;transform: translate(-50%, -50%);left: 50%;top: 50%;}
  .previewImg-box .previewImg-box--text-pc {background-color:#f0f2f7;padding: 30px 20px 20px; min-height:170px;} 
  .previewImg-box .previewImg-box--text-pc .author {font-size:16px;color:#000000;font-weight: 700;}
  .previewImg-box .previewImg-box--text-pc .content {margin-top: 10px;font-size:16px;color:#4d5866;word-break: break-all;font-weight: 500;}
  .previewImg-box .previewImg-box--text-pc .link {color: #4d5866;} 
  .previewImg-box .previewImg-box--text-mo {display:none;}
  .previewImg-box .previewImg-box--label {width: 340px;height:100%;float:left;}
  .previewImg-box .previewImg-box--label__bot {margin: 40px auto 0;text-align: center;}
  .previewImg-box .previewImg-box--label a:hover{text-decoration: none;}
  .previewImg-box .previewImg-box--label .productImg {height: 150px;width:150px;background-color: #eeeeee;margin: 0 auto;}
  .previewImg-box .previewImg-box--label .productImg img {height: 100%;}.previewImg-box .previewImg-box--label .productTitle {padding: 13px 15px 0;font-size: 18px;height: 80px;text-align: center;box-sizing: border-box;color: #2b2f3e;}
  .previewImg-box .previewImg-box--label .productLink {/* margin:0 52px; */width: 235px;height: 52px;line-height: 50px;display: inline-block;background-color: #000000;color: #ffffff;text-align: center;}

  @media only screen and (max-width: 767px) {
    #pixlee_mainUgc{height: 41.66vw;}
    #pixlee_mainUgc .swiper-slide {width: 41.66vw !important;}
    .modal-lg {width:100vw;}
    .modal-dialog{margin: 0;}
    .modal-content{border-width: 0;box-shadow: none;}
    .modal-content button.close{background : url(../image/btn-withsul-close.png) no-repeat center;background-size: 20px;font-size: 0;color: transparent;width: 50px;height: 50px;top: 0;right: 0;}
    .previewImg-box {width:100vw;height: 100vh;background-color: #ecedf0;}
    .previewImg-box .previewImg-box--thumb {width:100vw;height: auto;padding-top: 50px;background-color: #fff;}
    .previewImg-box .previewImg-box--img {width: 100vw;height: 100vw;padding: 0;position:relative;box-shadow: none;}
    .previewImg-box .previewImg-box--bg {width: 100vw;height: 100vw;}
    .previewImg-box .previewImg-box--bg img {max-width: 100vw;max-height: 100vw;}
    .previewImg-box .previewImg-box--text-pc{display:none;}
    .previewImg-box .previewImg-box--text-mo{display:inline-block;background-color: rgba(0,0,0,0.5);border-radius: 4.16vw;display: block;position: absolute;top: 16.66vw;left: 2.77vw;height: 8.33vw;z-index: 1;}
    .previewImg-box .previewImg-box--text-mo .user_name {font-size: 3.33vw;padding: 0px 6vw;line-height: 8.33vw;color: #fff;}
    .previewImg-box .previewImg-box--label{width:100vw;height:41vw;padding-bottom: calc(50vh - 70vw);}
    .preview-box [class^="swiper-button"]{
      background : url(../image/btn-withsul-arrow.png) no-repeat center;background-color:rgba(255,255,255,0.4);background-size: 5vw 9.72vw;
      width: 12.5vw;height: 24.16vw;border: 0.27vw solid rgba(143,143,143,0.4);margin-top:0;top: calc(37.92vw + 50px);border-right-width: 0;border-radius: 1vw 0 0 1vw;}
    .preview-box .swiper-button-prev{left: 0;transform: rotate(180deg);}
    .preview-box .swiper-button-next{right: 0;}
    .previewImg-box .previewImg-box--label__bot {background-color: #fff;width: auto;height: 20.83vw;margin: 5.55vw 6.94vw;padding:4.16vw 4.16vw 4.16vw 29.16vw;box-shadow: 0 0 1vw rgba(0,0,0,0.23);position:relative;}
    .previewImg-box .previewImg-box--label .productImg {position:absolute;left:4.16vw;top:4.16vw; width:20.83vw;height:20.83vw;}
    .previewImg-box .previewImg-box--label .productTitle {padding: 1.66vw 0;font-size: 3.47vw;height: 8.33vw;}
    .previewImg-box .previewImg-box--label .productLink {width:100%;height:12.5vw;line-height: 12.22vw;font-size:3.75vw;margin:0;}
  }