﻿body 
{
}
/*最外层div*/
#framediv
{
	width: 340px; 
	height: 462px;
	margin-right:auto;
	margin-top:auto;	
}
/*图片和照片所在DIV*/ 
#samplediv
{
	width: 330px;  
	height: 360px;
	MARGIN-left:auto;
	margin-right:auto;
	/*MARGIN-top: 11px !important;
	MARGIN-top: 11px
	border:solid 1px black;;*/
}  
/*播放工具DIV*/
#tooldiv
{
	width:330px; 
	height:80px;
	MARGIN-left:auto;
	margin-right:auto;
	font-family:Verdana;
	font-size:11px; 
	text-align:center;
	z-index:500;
}

#CommonlyImage
{
	/*	border:solid 1px black;*/
}
#photo 
{
	/*	border:solid 1px black;*/
}
#selgro
{	
	width:140px; 
	height:20px;
	margin-top:5px;
	font-size:11px;
	color:#373737;
	font-family:Verdana;
	float:right;
	margin-right:0px;
	
}
#selgro a:link
{
	color:#373737;
	text-decoration:underline;
	
}
#selgro a:visited 
{
	color:#373737;
	text-decoration:underline;
}
#selgro a:hover
{
	color:#0000CC;
	text-decoration:none;	
}
#vl
{
	width:70px; 
	height:20px;
	margin-top:5px;
	font-size:11px;
	color:#373737;
	font-family:Verdana;
	float:left;

	visibility:hidden;
}
#vl a:link
{
	color:#373737;
	text-decoration:underline;
}
#vl a:visited 
{
	color:#373737;
	text-decoration:underline;
}
#vl a:hover
{
	color:#0000CC;
	text-decoration:none;	
}
#pervious
{
	margin-top:5px;
	width:auto; 
	height:auto;
	text-align:center;
	margin-left:8px;
	float:left;
/*	border:solid 1px black;*/
	font-size:11px;
	font-family:Verdana;
	margin-right:80px;
}
#pervious a:link
{
	color:#373737;
	text-decoration:underline;
}
#pervious a:visited 
{
	color:#373737;
	text-decoration:underline;
}
#pervious a:hover
{
	color:#0000CC;
	text-decoration:none;
	
}
#pagesize
{
	width:34px; 
	height:auto;
	text-align:center;
	float:left;
	margin-top:5px;
	margin-left:6px;
/*	border:solid 1px black;	*/	
}
#next
{
	margin-top:5px;
	width:auto; 
	height:auto;
	text-align:center;
	margin-right:10px;
	float:right;
/*	border:solid 1px black;*/
	font-size:11px;
	font-family:Verdana;
}
#next a:link
{
	color:#373737;
	text-decoration:underline;
}
#next a:visited
{
	color:#373737;
	text-decoration:underline;
}
#next a:hover
{
	color:#0000CC;
	text-decoration:none;
}

#sort
{
 
    margin-top:40px;
    font-size:13px;
    font-family:Verdana;
    margin-left:auto;
    margin-right:auto;
    font-weight:300;
    text-align:center;
}
#sort a:link
{
	color:#194548;
	text-decoration:underline;
	text-align:center;
}
#sort a:visited 
{
	color:#194548;
	text-decoration:none;
	text-align:center;
}
#sort a:hover
{
	color:#0000CC;
	text-decoration:underline;	
	text-align:center;
}
#sort a:active
{
	font-weight: 800;
	text-align:center;
}
#ipdiv
{	

	width:39px;
	height:24px;
	border: 0px White;
	float:left;
	text-align:center;
}
#pagess
{
	width:35px;
	height:20px;
	float:left;
	
	text-align:center;
	border:solid 1px #ADADAD;
}
.float1
{
	float:left;
}
.float2 
{
	float:right;
}
#largerimg
{
	height:auto;
	display:none;
	top:22px;
	position:absolute;
	z-index:1000;
	border:solid 2px #C9D5A5;
}

#tt
{
	margin-top:5px;
	width:auto;
	height:23px;
	font-size:11px;
	font-family:Verdana;
	border:#ADADAD;
	border-style: dashed;
    border-top-width: 0px; 
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}
#tet
{
	width:auto;
	height:auto;
	float:left;
	font-size:12px;
	color:#ADADAD;

}
#liclose
{
	margin-top:0px;
	float:right;
	width:53px;
	height:16px;
	text-decoration:none;
	background-image:url("/Images/JSSlideShow/closelarger-MouseOut.gif");
	cursor:pointer;
}
#liclose:hover
{
	background-image:url("/Images/JSSlideShow/closelarger-MouseOver.gif");
}

#play
{
	/*filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;*/
	width:48px;
	height:48px;
	z-index:600;
	position:absolute;
	/*background-image:url("/Images/JSSlideShow/stopMouseOut.png");*/
	cursor:pointer;
}
#go
{
	width: 34px; 
	height:22px;
	text-align:center;
	float:left;
	margin-left:8px;
	margin-top:4px;
	display:none;
	background-image:url("/Images/JSSlideShow/goMouseOut.jpg");
}
/*
#liclose a:link
{
	color:#373737; 
	
	text-decoration:none;
}
#liclose a:visited
{
	color:#373737;
	text-decoration:none;
}
#liclose a:hover
{	
	color:#0000CC;
	text-decoration:none;
}*/

/*遮罩层*/
#maskdiv
{
	display:none;
	background-color:black;
	left:0px;
	position:absolute;
	top:0px;
	position:absolute;
	z-index:700;
	width:104px;
	height:748px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	
}
#rosediv
{
	margin-left:110px;
	width:130px;
	height:60px;
	background-image:url("/assets/rose.gif");
	z-index:800;
	position:absolute;
	/*照片修复布局*/
	top:400px;
	/*样片图布局*/
	top: 550px;
	display:none;
 
}
#zoomin
{
	
	width:67px;
	height:28px;
	cursor:pointer;
	top: 180px;
	z-index:900;
	position:absolute;
}

.caseImg
{
     width : 45px ;
     height : 45px ;
     border : solid 1px White ;
     text-align : center ;
     vertical-align : middle ;
     margin-left : 3px ;
     float : left ;
     cursor:pointer;
}
#casePre
{
     width : 20px ;
     height : 45px ;
     float : left ;
     cursor:pointer;
}
#caseNext
{
     width : 20px ;
     height : 45px ;
     margin-left : 3px ;   
     float : left ;
     cursor:pointer;
}
#caseMagnify
{
    border : solid 2px Black ;
    text-align : center ;
    z-index : 1500 ;
    position : absolute ;
    display : none ;
    cursor:pointer;
}
