/* 你的页面中 图片列表 区域的样式*/
		.upload_img_area {width: 100%;}
		
		/* 你的页面中 图片列表 图片框的样式*/
		.upload_img_area .filelist {
			list-style: none;
			margin:  0;
			padding: 0;
			text-align:center;
		}
		/* 你的页面中 图片列表 最后一个图片框的样式*/
		.upload_img_area .filelist:after {
			display: block;
			width: 0;
			height: 0;
			overflow: hidden;
			clear: both;
		}

		/* 你的页面中 图片列表 图片框 li*/
		.upload_img_area .filelist li {
			width: 45px;
			height: 45px;
			text-align: center;
			margin: 0px;
			position: relative;
			display: inline;
			overflow: hidden;
			background-color:red;
		}
		/* 你的页面中 图片列表 图片框 li 中的图片*/
		.upload_img_area .filelist li img {
			width: 60px;
		}
		/* 你的页面中 图片列表 图片上的 小黑面板 */
		.upload_img_area .filelist div.file-panel {
			position: absolute;
			height: 0;
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
			background: rgba( 0, 0, 0, 0.5 );
			width: 30px;
			top: 30px;
			left: -150px;
			overflow: hidden;
			z-index: 300;
		}
		/* 你的页面中 图片列表 图片上的 小黑面板 */
		.upload_img_area .filelist div.file-panel span {
			width: 24px;
			height: 24px;
			display: inline;
			float: right;
			text-indent: -9999px;
			overflow: hidden;
			background: url(images/icons.png) no-repeat;
			margin: 5px 1px 1px;
			cursor: pointer;
		}
		/* 你的页面中 图片列表 图片上的 小黑面板 左移按钮*/
		.upload_img_area .filelist div.file-panel span.rotateLeft {
			background-position: 0 -24px;
		}
		.upload_img_area .filelist div.file-panel span.rotateLeft:hover {
			background-position: 0 0;
		}

		/* 你的页面中 图片列表 图片上的 小黑面板 右移按钮*/
		.upload_img_area .filelist div.file-panel span.rotateRight {
			background-position: -24px -24px;
		}
		.upload_img_area .filelist div.file-panel span.rotateRight:hover {
			background-position: -24px 0;
		}

		/* 你的页面中 图片列表 图片上的 小黑面板 删除按钮*/
		.upload_img_area .filelist div.file-panel span.cancel {
			background-position: -48px -24px;
		}
		.upload_img_area .filelist div.file-panel span.cancel:hover {
			background-position: -48px 0;
		}
		

		

		/* 图片剪切容器层的样式*/
		#storage_img_box{
			position: absolute;
			bottom:5px !important;
			width:98%%;
			height:auto;
			padding-left:5px;
			padding-right:5px;
			text-align: center;
		}
		#storage_img_box span{
			float:left;
			overflow: hidden;
			position: relative;
			display: inline-block;
			font-size:12px;
		}
		#storage_img_box li{
			float:left;
			overflow: hidden;
			position: relative;
			display: inline-block;
			cursor: pointer;
			margin-left:5px;
		}

		#uploader_img_box .file-item{
             width: 460px;
		}
		#uploader_img_box .show_img {
             width: 400px;
			 padding:20px;
			 text-align:center;
		}
		
		/* 文件上传时，进度条的样式*/		
		#uploader_img_box .progress {
            display:none;
            bottom: 0;
            left: 0;
            height: 2px;
            overflow: hidden;
            z-index: 50;
            margin: 0;
            background: red;
            border-radius: 0;
            -webkit-box-shadow: 0 0 0;
        }

		/* 图片裁剪，预览小窗口的样式*/		
		.jcrop-thumb {
			top:50px;
			right:30px;
			width:110px;
			height:110px;
			overflow:hidden;
			position: absolute;
		}
		/* 弹出窗口 【选择上传图片】按钮的样式 这个比较特殊，要和webupload插件配合着来，插件中动态生成的*/
		
		#uploader_img_dialog .webuploader-pick {
			position: relative;
			display: inline-block;
			cursor: pointer;
			background: #00b7ee;
			padding: 10px 15px;
			color: #fff;
			text-align: center;
			border-radius: 3px;
			overflow: hidden;
			width:100px;
			height:20px;
			margin-top:10px;
			margin-left:10px;
			float:left;
		}

		#uploader_img_dialog .placeholder .webuploader-pick-hover {
			background: #00a2d4;
		}
		/* 弹出窗口 【确定】按钮的样式 图片裁剪完出现*/
		#upload_img_ok {
			position: relative;
			display: inline-block;
			cursor: pointer;
			background: #00b7ee;
			padding: 10px 15px;
			color: #fff;
			text-align: center;
			border-radius: 3px;
			overflow: hidden;
			width:100px;
			height:42px;
			margin-top:10px;
			margin-left:10px;
			margin-right:10px;
			font-size:14px;
		}