@font-face {
  font-family: 'fontello uploader';
  src: url('/files/site/libs/CristallUploader/font/fontello.eot?32829558');
  src: url('/files/site/libs/CristallUploader/font/fontello.eot?32829558#iefix') format('embedded-opentype'),
       url('/files/site/libs/CristallUploader/font/fontello.woff?32829558') format('woff'),
       url('/files/site/libs/CristallUploader/font/fontello.ttf?32829558') format('truetype'),
       url('/files/site/libs/CristallUploader/font/fontello.svg?32829558#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
	/* шрифтовые иконки  */
.uploaderZ  [class^="icon-"]:before, .uploaderZ  [class*=" icon-"]:before {
  font-family: "fontello uploader";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-image:before { content: '\e800'; } /* '' */
.icon-text:before { content: '\e801'; } /* '' */
.icon-pdf:before { content: '\e802'; } /* '' */
.icon-archive:before { content: '\e803'; } /* '' */
.icon-video:before { content: '\e804'; } /* '' */
.icon-audio:before { content: '\e805'; } /* '' */
.icon-data:before { content: '\e806'; } /* '' */
.icon-default:before { content: '\e807'; } /* '' */

.uploaderZ  .e_drag i { display:inline-block; font-size:52px; /* width:85px; */ margin:40px auto 0; padding:20px 0; color:#80B643; border:4px solid #80B643; border-radius:4px;  }

/* загрузчик файлов */
.uploaderZ { position:relative; margin:10px 0; overflow:hidden; font-family: Arial; }
.uploaderZ textarea { resize:none; }
.uploaderZ .fileZ { float:left; width:99%; padding:5px 0 5px 5px; margin:10px 0 20px; border-radius:3px; border:1px solid #ccc;}
.uploaderZ .infoZ { border:0; margin:0; padding:0; }
.uploaderZ .infoZ span{ display:block; position:static; height:auto; width:auto; padding:5px; margin:5px 0; color:red;}
.uploaderZ .imgZ { position:relative; }
.uploaderZ .e_drag { float:left; display:inline-block; min-height:150px; min-width:200px; position:relative; margin:0 5px 5px 0; /* overflow:hidden; cursor:move;  */
	text-align:center; border:3px solid transparent; background-color:#e1e1e1; }
.uploaderZ .e_drag.link { margin-bottom:30px; }
.uploaderZ .e_drag img, .e_drag.shadow img { display:block; position:absolute; top:34px; left:0; right:0; margin:auto; max-width:100%; max-height:100%; }
.e_drag.e_short.shadow img { bottom:0; }
.uploaderZ .e_drag span, .e_drag.shadow span { display:block; padding:10px 0 0; line-height:1; }

.uploaderZ.small .e_drag.e_file, .e_drag.shadow.e_file { width:200px; height:100px; }

.uploaderZ.small .e_drag { width:200px; height:240px; }
.uploaderZ.small .e_drag.e_short { height:200px; }
.uploaderZ.small .e_drag.descr { height:270px; }
.uploaderZ.small .e_drag img, .e_drag.shadow.small img { max-width:190px; max-height:166px; }

.uploaderZ.medium .e_drag { width:300px; height:390px; }
.uploaderZ.medium .e_drag.e_short { height:300px; }
.uploaderZ.medium .e_drag.descr { height:370px; }
.uploaderZ.medium .e_drag img, .e_drag.shadow.medium img { max-width:290px; max-height:266px; }

.uploaderZ.big .e_drag { width:450px; height:400px; }
.uploaderZ.big .e_drag.e_short { height:200px; }
.uploaderZ.big .e_drag img, .e_drag.shadow.big img { max-width:440px; max-height:400px; }

.uploaderZ .imgZ .e_drag:hover { border-color:orange; }

	/* поля формы в блоке файла */
.uploaderZ .inputBlock { position:absolute; bottom:0; left:0; width:100%; }
.uploaderZ .inputBlock a { display:block; position:absolute; bottom:-25px; }
.uploaderZ .imgZ .e_drag .formLink { display:block; padding:0; width:98%; height:20px; line-height:20px; padding:0 0 0 3px; margin:0 0 1px;
	/* overflow:hidden; */ font-size:14px; font-family:Arial; border:1px solid #ccc;}
.uploaderZ .imgZ .e_drag .descr.formLink { height:40px;  }
.uploaderZ .dell_img, .uploaderZ .dell_img { display:block; position:absolute; top:0; right:0; width:40px; height:30px; line-height:28px; opacity:.3; text-decoration:none; 
	/* border-bottom:3px solid transparent;  */background:#a93018; color:#fff; transition:.5s; }
.uploaderZ .dell_img:hover {opacity:1; }
.uploaderZ  .clean_form { position:absolute; display:inline-block; right:0; bottom:0; border-radius:3px; border:1px solid #ccc; color:#4c4c4c; text-decoration:none;}
.uploaderZ .e_drag .imgZCont { height:72%; border:1px solid #ccc; background-color: #e1e1e1;
	background-position:50% 50%; background-repeat:no-repeat; background-size:contain; }

	/* стили перетаскиваемого блока */
.e_drag.shadow { border:2px solid orange; background:#ccc; z-index:1002; }
.e_drag.shadow input, .e_drag.shadow textarea, .e_drag.shadow .dell_img, .e_drag.shadow i, .uploaderZ  input.add-btn{ display:none; }
.e_drag.shadow img { opacity:.5; }

.e_drag.shadow.small{ width:200px !important; height:290px; }
.e_drag.shadow.medium{ width:300px !important; height:390px; }
.e_drag.shadow.big{ width:450px !important; height:450px;}

	/* блок увеличенных размеров для галерей */
.uploaderZ .errorInfo { color:red; }
.uploaderZ .clear { clear:both; }

	/* модальное окно с формой для добавления текстовой информации */
.modalItem.imgForm { width:400px; padding:0; font-size:16px; font-family:Arial;}
.modalItem.imgForm h2 { margin:20px 0 15px; text-align:center; color:green; }
.modalItem.imgForm hr { display:block; color:#fff; }
.modalItem .content{ background:transparent; border:0; margin:0; padding:0;}
.modalItem.imgForm label { display:block; margin:0 0 10px; text-indent:20px; }
.modalItem.imgForm input, .modalItem.imgForm textarea { display:block; width:100%; margin:5px 0 0; font-size:16px; font-family:Arial; }
.modalItem.imgForm input[type="submit"] { border-radius:0; margin:15px 0 0; }

.uploaderZ .add-btn.start { display:block; }

.e_drag .handle, .e_drag  .edit_img { opacity:.3; position:absolute; top:0; left:0; width:40px; height:30px; line-height:30px; color:#fff; cursor:move; background:#666; transition:.5s; }
.e_drag .handle { font-size:19px; }
.e_drag .edit_img { left:45px; line-height:32px; cursor:pointer; background:#54a0f6; text-decoration:none; text-indent:3px; }
.e_drag .handle:hover, .e_drag .edit_img:hover { opacity:1; }

.e_drag.shadow .handle  { background:#999; z-index:1003; font-size:18px; line-height:28px; text-align:center;}

.in_process { position:relative; background:rgba(0,0,0,.5); opacity:.5; }
.in_process:after { content:"... загрузка ..."; display:block; position:absolute; top:10px; left:0; right:0; width:300px; text-align:center; font-size:25px; margin:0 auto; background:#fff; }