div.box{
	position:fixed;
	top:100px;
	left:200px;
	width:640px;
	border:1px solid #ccc;
	border-radius:5px;
	background: white;
}
div.gallery_header{
	border-bottom:1px solid #ccc;
	height:25px;
	width:100%;
	z-index:9999;
	
	background-color:#F5F5F5;
	margin-top:1px;
	cursor:move;
}
div.gallery_header div.tool{
	display:inline-block;
	float:right;
	margin:1px 5px 0 0;
}
div.gallery{
	margin:1px;
	position:static;
	overflow:hidden;
	height:400px;
	-moz-user-select: none;
	background-image:url(/jquery/plugin/photogallery/icon/transparent.png);
}
div.gallery img{
	position: relative;
}
div.gallery div.percentTip{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 60px;
    height: 30px;
    z-index: 9999;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    border-radius: 8px;
    color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4F504E',endColorStr='#151313',gradientType='1'); 
	background: linear-gradient(315deg, #4F504E, #151313); 
	background: -moz-linear-gradient(315deg, #4F504E, #151313); 
	background: -o-linear-gradient(left,#4F504E, #151313); 
	background: -webkit-gradient(linear,100%  0%, 100% 0%, from(#4F504E), to(#151313)); 
}
.rotate0{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	-ms-transform: rotate(0deg);
} 
.rotate90{ 
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-ms-transform: rotate(90deg);
} 
.rotate180{ 
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg); 
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-ms-transform: rotate(180deg);
} 
.rotate270{ 
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-ms-transform: rotate(270deg);
}

.close {
	height: 18px;
	display:inline-block;
	float:right;
	margin:2px 2px 0 0;
}
.close span {
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px;
	color: gray;
	line-height: 18px;
	display:inline-block;
	border: 1px solid #F5F5F5;
}

a:hover.close {
	text-decoration: none;
}

a:hover.close span {
	color: red;
	border: 1px solid #E0E0E0;
	background-color: #E0E0E0;
}
div.gallery_header a.src-image{
	line-height:25px;
	font-size: 12px;
	margin-left:5px;
	display:inline-block;
}
div.gallery_header a:hover.src-image{
	color:orange;
}
div.tool a{
	display: inline-block;
	width:20px;
	height:20px;
	border:1px solid #F5F5F5;
}
div.tool a:hover{
	border:1px solid #E0E0E0;
}
a.full-screen{
	background: url(/jquery/plugin/images/full_screen.png) no-repeat center;
}
a.zoom-actual{
	background: url("/jquery/plugin/images/zoom_actual.png") no-repeat center;
}
a.zoom-in{
	background: url("/jquery/plugin/images/zoom_in.png") no-repeat center;
}
a.zoom-out{
	background: url("/jquery/plugin/images/zoom_out.png") no-repeat center;
}
a.rotate-left{
	background: url("/jquery/plugin/images/rotate_left.png") no-repeat center;
}
a.rotate-right{
	background: url("/jquery/plugin/images/rotate_right.png") no-repeat center;
}