.OA_task_2 { /*width: 124px;*/ position: absolute; top: 105px; left: 75px; z-index: 123; overflow: auto; height: 84px !important; } .OA_task_2 li { text-align: center; line-height: 27px; background: #FFFFFF; border-bottom: 1px #CCCCCC solid; } .OA_task_2 li:hover { background: #00a1cb; color: #FFFFFF; cursor: pointer; } .apply_forms_file { margin: 15px 5px 0 15px; } .help-block, .col-md-8 { display: inline-block; } .file_imgs { padding: 10px 5px; list-style: none; margin-bottom: 60px; margin-left: -15px; margin-left: 10px; } .file_imgs li { float: left; position: relative; width: 109px; height: 109px; margin-left: 10px; margin-right: 10px; margin-bottom: 40px; padding-top: 0; padding-bottom: 0; } .file_imgs li:hover .img_mask { display: block; } .file_imgs .img_mask { display: none; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .3); width: 100%; height: 22px; z-index: 1; } .file_imgs .img_mask i { position: absolute; right: 5px; top: 5px; display: inline-block; width: 13px; height: 12px; cursor: pointer; background: url(../../img/file_img_icons.png) no-repeat 0 0; } .file_imgs .file_name { width: 100%; display: inline-block; text-align: center; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ word-break: break-all; padding-top: 8px; } .file_imgs li img { width: 100%; height: 100%; border: 0; vertical-align: middle; } .file_imgs .upload-state-done .img_state { display: block; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-bottom: 40px solid #01b2fe; border-left: 40px solid transparent; overflow: inherit; } .file_imgs .img_state i { position: absolute; right: 4px; bottom: -32px; display: inline-block; width: 15px; height: 11px; background: url(../../img/file_img_icons.png) no-repeat 0 -16px; }