.image_main{
	text-align:center;
}

.album_tools{
	margin-bottom:20px;
}

.album_nav{
	height:160px;
	margin-top:20px;
}

.album_nav .next{
	float:right;
	opacity: 0.7;
}

.album_nav .prev{
	float:left;
	opacity: 0.7;
}

.album_nav .next:hover, .album_nav .prev:hover{
	opacity: 1;
}

.image_toolbar{
	height:32px;
	margin-top:-32px;
	position:relative;
	background:#000;
	opacity:0;
	transition-property: opacity;
	transition-duration: 0.3s;
}

.image_toolbar:hover{
	opacity:0.7;
}

#albums .album{
	width:90%;
	margin:0 4px 4px 0;
	padding: 10px;
	border: 1px dotted;
}

#albums .album .describe{
	font-size:90%;
}

.describe{
	margin:10px 0;
}
#albums .album a{
	font-weight:bold;
}

#albums .album .album_logo{
	float:left;
	margin:0 6px 0 0;
	display:block;
	width:70px;
}

#albums .album .tools{
	float:right;
}

#album_images .item{
	width:170px;
	height:170px;
	position:relative;
	float:left;
}

.image_toolbar .button{
	height:32px;
	width:32px;
	float: left;
	opacity:0.9;
	margin-left: 5px;
}

.image_toolbar .button:hover{
	opacity:1;
}

.image_toolbar .image_info{
	background: url("/skins/default/images/icons/question.png") no-repeat;
}

.image_toolbar .set_logo{
	background: url("/skins/default/images/icons/image32.png") no-repeat;
}

.image_toolbar .image_edit{
	background: url("/skins/default/images/icons/image_edit.png") no-repeat;
}

.image_toolbar .image_delete{
	background: url("/skins/default/images/icons/image_delete.png") no-repeat;
}


/******* uploader ********/
.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url(/skins/default/lc_album/images/progressbar.gif) !important;
  filter: none;
}
.fileupload-loading {
  float: right;
  width: 32px;
  height: 32px;
  background: url(/skins/default/lc_album/images/loading.gif) center no-repeat;
  background-size: contain;
  display: none;
}
.fileupload-processing .fileupload-loading {
  display: block;
}
.files audio,
.files video {
  max-width: 300px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .files audio,
  .files video {
    max-width: 80px;
  }
}