/*
display显示
display: none; 隐藏某个元素
特点：隐藏之后，不保留位置
display: block; 显示某个元素
visibility可见性
visibility: hidden; 隐藏某个元素
特点：隐藏之后，位置仍然保留
visibility: visible; 显示某个元素
overflow溢出隐藏
overflow: visible; 当文字内容超出盒子大小时依旧显示
overflow: hidden; 当文字内容超出盒子大小时，超出的部分直接隐藏
overflow: scroll; 当无论文字是否超出盒子大小都显示滚动条
overflow: auto; 文字内容没有超出盒子内容时没有滚动条，当超出时显示滚动条
*/
/* 相册列表 width:100%; 
	background: #ffffff;
	
	margin-left:30px;
	border-radius: 10px;
*/
table.Album_show_All_AlbumList{
	border-radius: 1px;
    margin-top:65px;
	text-align:center;

}

/*右上角会员相册广告*/
div.AD_right_top{
	overflow: hidden;
	z-index: 9999;
position: fixed;
right: 6px;
top: 120px;
	width:300px;
	height:530px;
/*background-color:rgba(146,37,1,0.47);*/
border:5px solid #f7f7f7;
background: #ff8000;
 opacity:0.9 !important; 
filter: Alpha(Opacity=30); 
border-radius: 15px;
outline: 1px solid #f7f7f7;

display: none;
}
/*列表加框*/
div.photoViewList_frame{
	
	float:left;/* height:250px;*/
  	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	border-style:dotted;
	
}
p.AllAlbumListInfo{
		margin:auto;
	text-align:center;
	vertical-align: middle;
	font:13px/1.3em 榛戜綋,verdana;
	background: #ffffff;
	color:#808080;
    float: left;
     width:345px;   /*设置其显示的长度*/
     overflow: hidden;  /*超过其长度之后，自动隐藏其换行的字符*/
     height: 28px;
     text-overflow: ellipsis;  /*属性规定当文本溢出包含元素时发生的事情（1、clip：修剪文本；
                                                                         2、ellipsis：显示省略符号来代表被修剪的文本；
                                                                       3、string：使用给定的字符串来代表被修剪的文本。）*/
  word-wrap: break-word;
    word-break: break-all;
     white-space: nowrap;

}
p.AllAlbumNameList{
	margin:auto;
	text-align:center;
	font:17px/1.3em 榛戜綋,verdana;
	background: #ffffff;
	 /*font-weight:bold; */
}
/*相册信息
background: #ffb468;
*/
td.AlbumTitleName{
	height:10px;
}
td.MenberInfoName{
	padding-left:50px;
}
td.MenberBaseInfo{
	height:10px;
	margin-right:50px;	
}
div.Album_photo_FullView{
	/*大图查看*/
overflow: hidden;
z-index: 9999; 
position: fixed;
left: 0px;
top: 0px;
	width:100%;
	height:100%;
	background: #000000;
	
}
div.Album_photo_ViewList{
   overflow: hidden;
	Position:Reletive;
	float:left;/*平铺    */
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	border: 1px dashed #ccc;
	border-radius: 3px;
	
    /* 
      	margin-left:30px;
	margin-right:30px;
    border-radius: 15px;
     height:150px;
    outline: 5px solid #808080;
    text-shadow:4px 8px 8px #808080;
    box-shadow:5px 5px 10px #000 inset;
    
    */

}
div.photoAlbumViewList{

	Position:Reletive;
	float:left;/*平铺    	height:250px;*/
	
  	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:5px;
	
	overflow: hidden;       /*防止div被图片撑大*/ 
	width:350px;
	height:200px;
	text-align: center;
	  border-radius: 1px;
	  
	  

}
/* 相册列表单个式样 */
div.show_AlbumList_item{
	
	border-radius: 200px;
	background: #660000;
}


img.CoverPhoto{
	margin-top:-60px;
	

}
/*照片预览自适应大小  height:100%;  width:70%;  width: calc(100vw - 142px)；



	以长边为标准，短边自适应：
	div {
    	display: flex;
     	justify-content: center;
      	align-items: center;
      	width: 定值;
      	height: 定值;
      	}
   img {
    	width:auto;
        height:auto;
        max-width:100%;
        max-height:100%;
		}

*/
div.Album_PreViewPhoto{
	/*
        width: calc(100vw - 142px);
        height:calc(100vh - 82px);
        border:1px solid black;
        display: table-cell;
        vertical-align: middle;
        */
        width: calc(100vw - 142px);
        height:calc(100vh - 82px);
        border:1px solid black;
        display: table-cell;
        vertical-align: middle;
        
}
img.Album_PreViewPhoto {
	/*
	object-fit: contain;
        max-width: 90%;
        max-height: 90%;
        display: block;
        margin: auto; 
        width:expression(this.width>150?"150px":this.width);
        */

        max-width: 90%;
        max-height: 90%;
        display: block;
        margin: auto; 
        	object-fit: contain;
}
/* 全部图片列表 left*/
table.View_All_Album{
	
	width:100%;
	

}
/* 相册封面Div */
div.photoAlbumcover{

	Position:Reletive;
	float:left;/*平铺    	height:250px;*/
  	margin-left:0px;
	margin-right:0px;
	margin-top:-95px;
	margin-bottom:0px;
    /* border-radius: 15px;
    outline: 5px solid #808080;
    text-shadow:4px 8px 8px #808080;
    box-shadow:5px 5px 10px #000 inset; width:380px; 
    	height:380px;
	height:280px;
    */
	overflow: hidden;       /*防止div被图片撑大*/ 

	text-align: center;
	  border-radius: 1px;
}


/*左上角 相册信息和会员信息*/
div.AlbumInfo_left_top{
	/* */
	
	overflow: hidden;
	 z-index: 9996; 
position: fixed;
left: 50px;
top: 110px;
	width:25%;
	height:80%;
/*background-color:rgba(146,37,1,0.47);380px
 border:5px solid #ffffff;
 border-radius: 15px;
 outline: 5px solid #ffffff;
 */

background: #f9f9f9;



     -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: #ccc 0px 0px 10px;
  -moz-box-shadow: #ccc 0px 0px 10px;
  box-shadow: #ccc 1px 1px 5px;
}

/*左上角 相册信息相册标题*/
div.AlbumTitle_left_top{
	/* */
	
	overflow: hidden;
	 z-index: 9995; 
position: fixed;
left: 50px;
top: 125px;
	width:25%;

filter:alpha(opacity=99); /* IE */
 -moz-opacity:0.99; /* Moz + FF */

opacity: 1.0; 

/*background-color:rgba(146,37,1,0.47);
 border:5px solid #ffffff;
 border-radius: 15px;
 outline: 5px solid #ffffff;
 padding:20px;
  text-shadow:5px 8px 8px #ffffff;
  letter-spacing:8px;
   text-indent : 20px; 
   font-size：20px 
   line-height:10px
 */
 font-size:20px ;
 color:#ff8000;
  text-align:center;
  letter-spacing:1px;
  font-weight:bold;
  text-shadow:1px 1px 1px #ffffff;
 
}
/*左上角 相册信息相册工具栏*/
div.AlbumToolbar_left_top{
	/* */
	
	overflow: hidden;
	 z-index: 9995; 
position: fixed;
left: 60px;
top: 255px;
	width:380px;

filter:alpha(opacity=99); /* IE */
 -moz-opacity:0.99; /* Moz + FF */

opacity: 1.0; 

 font-size:13px ;
 color:#ff8000;
  text-align:left;
  letter-spacing:1px;
  font-weight:bold;
  text-shadow:1px 1px 1px #ffffff;
 
}
p.AlbumDescription{
	margin-left:10px;
	text-align:left;
	font:15px/1.3em 黑体,verdana;
	color:#808080;
}
p.Desc_bookName{
	/* 文本不换行 white-space: nowrap; */
	
	margin-left:20px;
	text-align:left;
	/* text-overflow:ellipsis;设置超出部分显示... */

  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;      /* 可以显示的行数，超出部分用...表示*/
  -webkit-box-orient: vertical;
	height:263px;
	width:280px;
}
p.Desc_bookName:hover{
  display: block; 
 }
 
 /* 分享相册*/
 div.Show_RCCodePhotoPreview{
 	overflow: hidden;
	 z-index: 9993; 
position: fixed;
left: 29px;
top: 125px;
	width:120px;
   height:120px;
   
filter:alpha(opacity=99); /* IE */
 -moz-opacity:0.99; /* Moz + FF */

opacity: 1.0; 

 font-size:13px ;
 color:#ff8000;
  text-align:left;
  letter-spacing:1px;
  font-weight:bold;
  text-shadow:1px 1px 1px #ffffff;
  
  
 
 }