.enable_plugin_colorbox() when(@enable-plugin-colorbox = true) {


//colorbox plugin used in gallery page
#colorbox:focus , #colorbox:active {
 outline:none;
}
#cboxTopLeft, #cboxTopCenter, #cboxTopRight,
#cboxMiddleLeft, #cboxMiddleRight,
#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight
{
  background:none !important;
  opacity:0;
}
#cboxContent {
  border:12px solid #000;
  background-color:#FFF;
  padding:7px;
}
#cboxOverlay {
  background:rgba(0,0,0,0.95);
  background:#000;
}
#cboxCurrent {
  left: 64px;
  margin-bottom:4px;
  font-size: @base-font-size + 1;
}
#cboxTitle {
  margin-bottom:4px;
  font-size: @base-font-size + 1;
  color:#777;
}


#cboxNext , #cboxPrevious , #cboxClose {
 background:none;
 text-indent:0;
 width:26px; height:26px; line-height:22px;
 padding:0 4px;
 text-align:center;
 
 border:2px solid #999;
 border-radius:16px;
 
 color:#666;
 font-size: @base-font-size - 1;

 margin-left: 5px;
 margin-bottom: 5px;
}
#cboxNext:hover , #cboxPrevious:hover {
 color:#333;
 border-color:#666;
}
#cboxContent {
 overflow:visible;
}
#cboxClose {
    background-color: #000;
	    
	border: 2px solid #FFF;
    border-radius: 32px;
    
    color: #FFF;
	font-size: @font-size-colorbox-close;
	
    height: 28px;
	width: 28px;
	
	padding-bottom: 2px;
	margin-left: 0;
	
	right: -14px;
    top: -14px;
}


#cboxLoadingOverlay {
  background:none !important;
}
#cboxLoadingGraphic {
  background:#FFF none !important;
  text-align:center;
  
  > .@{icon} {
	 display: inline-block;
	 background-color: #FFF;
	 border-radius: 8px;

	 width: 32px;
	 height: 32px;
	 
	 position: relative;
	 top: 48%;


	 text-align: center;
	 vertical-align: middle;

	 //.animation(~"fa-spin 1.5s infinite linear");
	 
	 
	 font-size: @font-size-colorbox-icon;
	 color: #FE7E3E;
 }

}


}
.enable_plugin_colorbox();