/*
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:165px;
	text-align:center;

}
/* phone view */
table.Album_show_All_AlbumList_Phone{
	border-radius: 1px;
    margin-top:25px;
	text-align:center;

}
table.MenberAlbumInfoHeadTable{
	
	width:100%;
}
p.MenberAlbumInfo{
	margin-left:20px;
   margin-top:5px;
   font:23px/1.5em 榛戜綋,verdana;
}
p.MenberAlbumInfoTitle{
		margin-top:10px;
			margin-left:50px;	
	vertical-align: middle;
	font:59px/1.5em 榛戜綋,verdana;
    font-weight:bold;
	color:#ff8000;
}
/* 顶部DIV */
div.MenberAlbumInfoHead{
			margin:auto;
	text-align:center;
	vertical-align: middle;
		overflow: hidden;
	 z-index: 9993; 
position: fixed;
left: 0px;
top: 0px;
	width:100%;
	height:560px;
/*
left: 50px;
top: 110px;
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.MenberAlbumcover{
	/*

 padding-top:10.9%;
  margin-right:2.8%; 
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
   position:relative;
           -webkit-border-radius:50%;
  -moz-border-radius: 50%;
   */
   overflow: hidden;       /*防止div被图片撑大
     border-radius: 50%;
    -webkit-border-radius:50%;
  -moz-border-radius:50%;
   -webkit-border-radius:50%;
  -moz-border-radius: 50%;
     width:calc(100%);
   */ 
   	
   	height:500px;
	margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    border-radius: 35px;
}
img.MenberAlbumcoverIMG{
	/*
		position:absolute;
	left:0px;
	top:0px; 
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
     width:50px;
	 height:50px;
	 z-Index:-1;
	 height:430px;
	*/
	 width:calc(100%);
	left:0px;
	top:-210px; 
}
p.Album_photo_ViewList_STR{
		font:25px/1.3em 榛戜綋,verdana;
	color:#f1331a;
	overflow: hidden;       /*防止div被图片撑大*/
	text-overflow: ellipsis; 
}
p.ReminderText{
	font:29px/1.3em 榛戜綋,verdana;
	color:#FFFFFF;
	
}
table.Album_photo_FullView_table{
	width:100%;
	height:100%;
	background: #000000;
}
/*列表加框*/
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_FullView_AD{
	/*广告大图查看*/
overflow: hidden;
z-index: 9997; 
position: fixed;
left: 0px;
top: 0px;
	width:100%;
	height:100%;
	
	background: #000000;
	
}
img.PreViewADImage{
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
}
div.Album_photo_FullView_AD_Time{
	/*广告大图查看剩余时间*/
overflow: hidden;
z-index: 9998; 
position: fixed;
left: 20px;
bottom: 20px;
	width:280px;
	height:50px;
	font:33px/1.3em 榛戜綋,verdana;	
	
}
img.PreViewImage{
	/*
	transform: rotate(90deg);
	以长边为标准，短边自适应：
	div {
    	display: flex;
     	justify-content: center;
      	align-items: center;
      	width: 定值;
      	height: 定值;
      	}
   img {
    	width:auto;
        height:auto;
        max-width:100%;
        max-height:100%;
		}

	
		if(this.itemData){
	
	}else{
	
	}
	*/
	
	    max-width:100%;
        max-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;
    
    */

}
img.Album_photo_ViewList_IMG{
	width:450px;
}
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.Album_PreViewPhoto{
	/*
        width: calc(100vw - 142px);
        height:calc(100vh - 82px);
        border:1px solid black;
        display: table-cell;
        vertical-align: middle;
        
         
        */
         height:calc(100vh);
          vertical-align: middle;
         max-width: 98%;
        max-height: 98%;
}
div.Album_PreViewPhoto img{
        max-width: 98%;
        max-height: 98%;
        display: block;
        margin: auto; 
}
/* 全部图片列表 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.SearchImageToolBar{
overflow: hidden;
 z-index: 9991; 
position: fixed;
left: 0px;
bottom: 79px;
	width:100%;
	 height:119px;


 color:#ffffff;
  

opacity: 0.9;
 text-align:center;
 white-space: nowrap;
  
 }
 
 input.Search_KeyWord_input{
  font-size:50px ;
   width:535px;
    height:80px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
 }
 /*
     padding-top:50px;
    padding-left:1px;
 */
 img.AlbumSearch{
  width:100px;
 
 }
 table.SearchImageToolBar_TB{
 padding-left:30px;
  text-align:left;
  width:655px;
 }
  td.SearchImageToolBar_TD1{
 width:535px;
 vertical-align: middle;
 height:119px;
 }
 td.SearchImageToolBar_TD2{
  padding-left:10px;
 width:110px;
  vertical-align: middle;
  height:119px;
 }
 
 a.BackToAlbum{
	text-decoration:none;
	
}

a.BackToAlbum:link{
	
	color:#FFFFFF;
	text-decoration:none;
}

a.BackToAlbum:visited{
	
	color:#FFFFFF;
text-decoration:none;
}

a.BackToAlbum:hover{
	
	color:#f6f6f6;
	text-decoration:none;
	
}
 a.BackToAlbum:active{
	
	color:#FFFFFF;
	text-decoration:none;
}