li[class^='file-'] {
  background: url('icons/_blank.png') 0 0 no-repeat;
  background-size: 31px;
  padding-top: 6px;
  padding-left: 33px;
  padding-bottom: 3px;
  // margin-left: -33px;
  margin-left: -12px;
  // line-height: 31px !important;
  list-style: none;
}
li[class^='file-'] a {
  text-decoration: none;
}
li[class^='file-']:hover {
  background-color: #efefef !important;
}
.file-csv {
  background: url('icons/csv.png') 0 0 no-repeat !important;
  background-size: 31px !important;
}
.file-dat {
  background: url('icons/dat.png') 0 0 no-repeat !important;
  background-size: 31px !important;
}
.file-doc, .file-docx {
  background: url('icons/doc.png') 0 0 no-repeat !important;
  background-size: 31px !important;
}
.file-eps {
  background: url('icons/eps.png') 0 0 no-repeat !important;
  background-size: 31px !important;
}
.file-pdf {
  background: url('icons/pdf.png') 0 0 no-repeat !important;
  background-size: 31px !important;
}
.file-txt {
  background: url('icons/txt.png') 0 0 no-repeat !important;
  background-size: 31px !important;
}
.file-xls {
  background: url('icons/xls.png') 0 0 no-repeat !important;
  background-size: 31px !important;
}
.file-zip {
  background: url('icons/zip.png') 0 0 no-repeat !important;
  background-size: 31px !important;
}
#image {
  position: absolute;
  z-index: 10000;
  top: 1500px;
  left: 600px;
}
#pointer {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -14px;
  margin-top: -10px;
  border: 0px solid;
  border-color: white #dfdfdf;
  border-width: 10px 14px 10px 0px;
  vertical-align: top;
}
#image img {
  // max-width: 243px;
  // max-height: 500px;
  width: 243px;
  padding: 10px;
  background-color: #dfdfdf;
}