coze_demo/scss/colorbox.scss

#colorbox, 
#cboxOverlay, 
#cboxWrapper{
  position:absolute; 
  top:0; 
  left:0; 
  z-index:9999; 
  overflow:hidden; 
  -webkit-transform: translate3d(0,0,0);
}

#cboxWrapper {
  max-width:none;
}

#cboxOverlay{
  position:fixed;
  width:100%; 
  height:100%;
  background: rgba(0,0,0,0.9);
}

#cboxMiddleLeft,
#cboxBottomLeft{
  clear:left;
}

#cboxContent{
  position:relative;
}

#cboxLoadedContent{
  overflow:auto; 
  -webkit-overflow-scrolling: touch;
}

#cboxTitle{
  margin:0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic{
  position:absolute;
  top:0; 
  left:0; 
  width:100%; 
  height:100%;
}

#cboxPrevious, 
#cboxNext, 
#cboxClose, 
#cboxSlideshow{
  cursor:pointer;
}

.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;border-radius: 5px;}
.cboxIframe{background:#fff; width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, 
#cboxContent, 
#cboxLoadedContent{
  box-sizing:content-box; 
  -moz-box-sizing:content-box; 
  -webkit-box-sizing:content-box;
}

#colorbox{
  outline:0;
}

#cboxContent{
  background:#fff; 
  overflow:hidden; 
  border: 10px solid white; 
  border-radius: 15px;
  padding: 5px;
}

#cboxLoadedContent{
  margin-top:0px;
}

#cboxTitle{
  position:absolute; 
  top:4px; 
  left:0; 
  text-align:center; 
  width:100%; 
  color:#949494;
}

#cboxCurrent{
  position:absolute; 
  top:4px; 
  left:58px; 
  color:#949494;
}

#cboxLoadingOverlay{
  background:url(../images/colorbox/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic{
  background:url(../images/colorbox/loading.gif) no-repeat center center;
}

#cboxPrevious, 
#cboxNext, 
#cboxSlideshow, 
#cboxClose {
  border:0; 
  padding:0; 
  margin:0;
  overflow:visible; 
  width:auto; 
  background:none; 
  &:active{
    outline:0;
  }
}


#cboxSlideshow{}
#cboxPrevious{}
#cboxNext{}
#cboxClose{
  position:absolute; 
  top: 0; 
  right:0; 
  width: 25px;
  
  &:before{
    content: '\f057';
    font-family: 'FontAwesome';
    font-size: 20px;
    color: black;
  }
  
}


.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}