﻿@charset "utf-8";
/* CSS Document */
body{ background: #ccc;}
.saoheibox{ margin: 0 auto; width: 1002px; background: #fff; border-radius: 6px;}
.saoheibox>h3{ margin: 0 auto; width: 970px; height: 60px; line-height: 60px; border-bottom: 5px solid #3884d1; text-align: center; font-size: 24px; color: #0058b2;}
.saoheibox>table{ margin: 0 auto; margin-top: 20px; width: 970px; border-collapse: collapse;}
.saoheibox>table td{border: 1px solid #9bd1f9; height:40px; font-size: 16px; padding-left: 5px;}
.saoheibox>table i{ color: #f00; font-style: normal; }
.table-header{ font-size: 18px!important; color: #fff; text-align: center; background: #3390ee; border:none!important; }
.table-list{ width: 140px; text-align: center; background:#edf5f7;}
.w300{ width: 300px; height: 28px;}
.w700{ width: 700px; height: 28px;}
.w140{ width: 140px; height: 28px;}
.submitbox{ width: 970px; margin: 0 auto; text-align: center; }
.submitbox input{ margin: 20px 10px; width: 100px; height: 40px; background: #ff7200; border: none;  color: #fff; font-size: 18px; cursor: pointer;}

/*上传样式*/
.upload-box{     top: 18px;position:relative; display:inline-block; height:32px; vertical-align:middle; *display:inline;}
	.upload-box .upload-btn{ display:inline-block; height:30px; border:1px solid #e1e1e1; color:#333; background:#fff; vertical-align:middle; *display:inline; }
	.upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:26px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; }
	.upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; }
	.upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; }
	.upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; }
	.upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; text-indent:-99em; cursor:pointer; overflow:hidden; }

/*图片相册样式*/
.photo-list{ margin:10px 0; padding:10px 0 0 0; }
	.photo-list ul{ margin:0; list-style:none; *display:inline-block; }
	.photo-list ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.photo-list ul li{ float:left; margin-right:10px; text-align:center; width:139px;}
	.photo-list ul li .img-box{ margin:5px 5px 5px auto; position:relative; width:128px; height:128px; overflow:hidden; border:3px #efefed solid; cursor:pointer; }
	.photo-list ul li .img-box.selected{ border:3px #f60 solid }
	.photo-list ul li .img-box img{ width:128px; height:128px; opacity:1; }
	.photo-list ul li .img-box .remark{ top:106px; left:0px; margin:0; padding:3px 2px; position:absolute; display:block; width:124px; height:122px; overflow:hidden; background:#000; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; text-align:left; font-family:"Microsoft Yahei"; }
	.photo-list ul li .img-box .remark:hover{ top:0px; }
	.photo-list ul li .img-box .remark i{ color:#fff; font-style:normal; position:relative; line-height:18px; }
	.photo-list ul li a{ padding-right:1em; }
