/*相簿的目錄*/
ul.photo_category{
    width:95%;
}
/*相簿的目錄的每筆目錄圖*/
ul.photo_category li{
	display : inline-block;
	vertical-align: top;
	margin:4px;
}

/*以下為放在旁邊的目錄列表*/
/* 整個區塊 */
.photo_category_block{  
   width:150px;
   height:300px;
   float:left;
   margin-right:10px;
}

/*現在目錄的標題*/
.photo_category_block > .photo_now_category_title{
  font-size:14px;
}

/*現在目錄的圖片*/
.photo_category_block > .photo_now_category_picture > img{
  width:150px;
}

/*其他目錄列表*/
.photo_category_block ul{
　margin:0px;
  padding:3px;
  font-size:20px;
}

.photo_category_block ul li{
  list-style-type:none;
　margin:0px;
}


.photo_main{
    float:left;
}
/*相簿封面列表*/
.photo_main ul.album_cover{
  list-style-type:none;
  width:100%;
  padding:0;
  margin-left:auto;
  margin-right:auto;
}

/*相簿封面列表，每一個封面的區塊，包含封面圖、標題、次數*/
.photo_main ul.album_cover li{
  display:block;
  float:left;
  padding:0px;
  margin:5px;
  word-break: normal;
}

/*相簿封面列表中的封面圖區塊*/
.photo_main ul.album_cover li .photo{
  margin-left:auto;
  margin-right:auto;
  padding:0px;
}

/*相簿封面列表中的封面圖的實際圖片*/
.photo_main ul.album_cover li .photo img{
  border:1px solid #CCC;
  padding:3px;
}

/*相簿封面列表中的標題區塊*/
.photo_main ul.album_cover li .title {
  margin-left:auto;
  margin-right:auto;  
  text-align:center;
  margin-top:1px;
  padding:0px;
  overflow:hidden;
  line-height:20px;
  border-bottom:1px dashed #CCCCCC;
  padding-bottom:4px;
  margin-bottom:4px;
}

.photo_main ul.album_cover li .intro{
  margin-left:auto;
  margin-right:auto;  
  text-align:center;
  margin-top:1px;
  padding:0px;
  overflow:hidden;
  line-height:20px;
  padding-bottom:4px;
  margin-bottom:4px;
}



/*相簿封面列表中的照片數區塊*/
.photo_main ul.album_cover li .album_total {
  float:left;
  width:50px;
  margin-left:10px;
  background-image:url('../images/album_total.gif');
  background-repeat:no-repeat;
  text-indent:18px;
}

/*相簿封面列表中的點閱數區塊*/
.photo_main ul.album_cover li .album_click {
  float:right;
  width:50px;
  margin-right:10px;
  background-image:url('../images/album_click.gif');
  background-repeat:no-repeat;
  text-indent:18px; 
}






.photo-album-intro{
  padding-top:10px;
}


/*單張圖放大圖的區塊*/
.rg-image-wrapper{
  position:relative;
  padding:0px 0px;
  background-color:#fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  min-height:40px;
}
.rg-image{
  position:relative;
  text-align:center;
  line-height:0px;
}
.rg-image img{
  max-height:100%;
  max-width:100%;
}

/*大圖的左右切換*/
.rg-image-nav a{
  position:absolute;
  top:0px;
  left:0px;
  z-index:10;
  background:#000 url(/template/common/images/photo_nav.png) no-repeat -20% 50%;
  width:40px;
  height:100%;
  text-indent:-9000px;
  cursor:pointer;
  opacity:0;
  outline:none;
  -moz-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
  right:0px;
  left:auto;
  background-position:115% 50%;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
  opacity:0.6;
}

.rg-caption {
  text-align:center;
  margin-top:15px;
  position:relative;
}
.rg-caption p{
  font-size:11px;
  letter-spacing:2px;
  font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
  line-height:16px;
  padding:0 15px;
  text-transform:uppercase;
}
.rg-view{
  height:30px;
}
.rg-view a{
  display:block;
  float:right;
  width:16px;
  height:16px;
  margin-right:3px;
  background:#464646 url(/template/common/images/views.png) no-repeat top left;
  border:3px solid #464646;
  opacity:0.8;
}
.rg-view a:hover{
  opacity:1.0;
}
.rg-view a.rg-view-full{
  background-position:0px 0px;
}
.rg-view a.rg-view-selected{
  background-color:#6f6f6f;
  border-color:#FFF;
}
.rg-view a.rg-view-thumbs{
  background-position:0px -16px;
}
.rg-loading{
  width:46px;
  height:46px;
  position:absolute;
  top:50%;
  left:50%;
  background:#000 url(/template/common/images/ajax-loader.gif) no-repeat center center;
  margin:-23px 0px 0px -23px;
  z-index:100;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  opacity:0.7;
}