#files .pan {
  text-align:center;
  height:23px;
  
}

.file {
  background-color:#333333;
  padding-bottom:20px;

}



.filesCategory {
  padding:5px;
  text-align:center;

}

.filesSizeLayer {
  text-align:center;
  font-size:18px;
  font-weight:bold;
  color:#777777;
  
}




.fileLinks {
  margin-top:20px;
  margin-bottom:20px;
  width:300px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
}

.fileLinks span {
  display:block;
  margin-bottom:20px;

}

.fileLinks a {
  display:block;
  color:#cacaca;
  font-size:20px;
}

.filePreview {
  float:left;
  margin:10px;
  width:150px;
  height:150px;
  text-align:center;
}

.file .itemsRight {
  padding-top:40px;

}

.filePreviewContainer {
  display:none;
  background-color:#333333;
  margin-left:25px;
  margin-top:5px;
  width:300px;
  padding-left:20px;
  padding-top:5px;
  padding-bottom:10px;
}

.filePreviewContainer .previewThumb {
  margin-top:10px;
  height:170px;
  width:180px;
  background-color:#444444;
  position:relative;
}

.filePreviewContainer .previewThumb .prevIm {
  position:absolute;
  left:50%;
  top:50%;

}

.statusBar {
  height:120px;
  position:absolute;
  left:99px;
  top:50%;
  margin-top:-60px;
  
}

.statusBar .bar {
  width:600px;
  border:solid #333333 1px;
  height:40px;

}


.statusBar .fileName {
  font-size:11px;
  color:#999999;
  margin-bottom:10px;

}

.statusBar .status {
  font-size:20px;
  margin-top:0px;
  margin-bottom:10px;
  color:#6B84B4;;

}

.statusBar .speed, .statusBar .esTime {
  color:#cacaca;
  font-size:13px;
  float:left;
  margin-right:20px;
}

.statusBar .speed {
  color:#777777;
}


span.info {
  font-size:12px;
}