@charset "utf-8";
/* ------------------preview------------------- */
.preview_cover{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 10000;}
.preview_mask { position:absolute; display:block; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.85); background:#000\9; filter:alpha(opacity=85);}
.preview_title { position:absolute; top:0px; left:0px; right:0px; line-height:40px; text-align:center; color:#CCC; font-size:22px; font-weight:bold;}
.preview_close { display:block; position:absolute; top:5px; right:5px; width:30px; height:30px; background-image:url(../images/publicimages/preview_bg.png); background-position:-100px 0px;}
.preview_wrap { position:absolute; top:40px; bottom:60px; left:0; right:0;}
.preview_wrap .preview_back, .preview_wrap .preview_next { display:none; position:absolute;  top:45%; width:40px; height:60px; background-image:url(../images/publicimages/preview_bg.png); opacity:0.7; filter:alpha(opacity=70); }
.preview_wrap .preview_back { left:20px; background-position:0px 0px;}
.preview_wrap .preview_next { right:20px; background-position:-50px 0px;}
.preview_wrap:hover .preview_back, .preview_wrap:hover .preview_next { display:inline-block; }
.preview_wrap:hover .preview_back:hover, .preview_wrap:hover .preview_next:hover { opacity:1.0; filter:alpha(opacity=100); }


.preview_wrap .preview_img { display:table-cell; line-height:0; text-align:center; vertical-align:middle; }
.preview_wrap .preview_img img { position:inherit; height:auto; width:auto; max-height:100%; max-width:100%; }

.preview_wrap .preview_btns_bar { display:none; position:absolute; bottom:0px; left:0px; right:0px; height:30px; box-sizing:border-box;}
.preview_wrap:hover .preview_btns_bar { display:block; text-align:center;}

.preview_wrap .preview_btns_bar .preview_btns_bg { display: block; position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:#000; opacity:0.7; filter:alpha(opacity=70);}
.preview_wrap .preview_btns_bar a { display:inline-block; width:30px; height:30px; margin:auto; margin:0px 3px; background-image:url(../images/publicimages/preview_bg.png); opacity:0.7; filter:alpha(opacity=70);}
.preview_wrap .preview_btns_bar a:hover { opacity:0.99; filter:alpha(opacity=100); cursor:pointer;}
.preview_wrap .preview_btns_bar a.preview_btns_del { background-position:-100px -30px;}
.preview_wrap .preview_btns_bar a.preview_btns_share { background-position:-130px 0px;}
.preview_wrap .preview_btns_bar a.preview_btns_save { background-position:-130px -30px;}
.preview_wrap .preview_btns_bar a.preview_btns_leftrotate { background-position:-160px 0px;}
.preview_wrap .preview_btns_bar a.preview_btns_rightrotate { background-position:-160px -30px;}
.preview_wrap .preview_btns_bar a.preview_btns_zoomin { background-position:-190px 0px;}
.preview_wrap .preview_btns_bar a.preview_btns_zoomout { background-position:-190px -30px;}

.preview_foot { position:absolute; left:5px; bottom:0; right:5px; height:60px; text-align:center; overflow:hidden;}
.preview_foot span { position:relative; border-spacing:5px; display:inline-block; margin:0 auto; float:none; left:0;}
.preview_foot a { display:table-cell; position:relative; vertical-align:middle; text-align:center; width:50px; height:50px; line-height:0; border:1px solid #484848;}
.preview_foot a > img { height:auto; width:auto; max-height:50px; max-width:50px;}
.preview_foot a:hover > i { display:block; position:absolute; box-sizing:border-box; top:0; left:0; right:0; bottom:0; border:3px solid #f5f5f5; }
.preview_foot a.active > i { display:block; position:absolute; box-sizing:border-box; top:0; left:0; right:0; bottom:0; border:3px solid #73b4e0; }
/*导航界面样式*/
.interfaceNav_footA{
	display: table-cell;
	position: relative;
	vertical-align: middle;
	text-align: center;
	width: 10px;
	height: 10px;
	line-height: 0;
	border: 3px solid #ffffff;
	border-radius: 10px;
}
.interfaceNav_prompt{
	font-size: larger;
	position: absolute;
	padding: 10px 45px;
	width: 330px;
	height: 150px;
	border-top: 1px solid #e5e5e5;
	background: #FFF;
	border-radius: 8px;
	top: 38%;
	left: 39%;
}
.interfaceNav_mark{background: #ffffff;}
.interfaceNav_fontSize{
	color: #2679b5;
	font-weight: bold;
	padding: 0px 5px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 110px;
    display: inline-block;
}
.interfaceNav_btn{
	position: relative;
	left: 128px;
	bottom: -30px;
}
.interfaceNav_prompt lable{padding-left: 30px;font-size: small;}