@charset "utf-8";
/* CSS Document */

#album-main {
	min-height: 100px;
}

#album-main .menu-album {
	width: 999px;
	border-radius: 5px 5px 5px 5px;
	background-color: #FFF;
	border-top: solid 1px #D7D7D7;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
	min-height: 50px;
}

#album-main .menu-album .menualbumright {
	float: right;
	padding-right: 20px;
}

#album-main .menu-album .menualbumleft {
	position: relative;
	min-width: 600px;
	height: 20px;
	float: left;
	margin-left: -20px;
}

#album-main .menu-album .menualbumleft ul, #album-main .menu-album .menualbumright ul {
	margin: 10px 0px 10px 0px;
}

#album-main .menu-album .menualbumleft ul li:hover {
	height: 20px;
	border-color:#687582;
	cursor: pointer;
}

#album-main .menu-album .menualbumleft ul li.selected {
	height: 20px;
	background: none repeat scroll 0 0 #E0E0E0;
}

#album-main .menu-album .menualbumleft ul li {
    border-bottom: 1px solid #FAFAFA;
    height: 20px;
    list-style: none outside none;
    overflow: hidden;
    padding: 3px;
	text-align: center;
	display: block;
	float: left;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
	border-color: #D7D7D7;
	border-style: solid;
	border-width: 1px;
	background-color: #F4F4F4;
	font-weight:600;
	cursor: pointer;
}

#album-main .menu-album .menualbumleft ul li.first {
	border-radius: 3px 0px 0px 3px;
}

#album-main .menu-album .menualbumleft ul li.last {
	border-radius: 0px 3px 3px 0px;
}

#album-main .menu-album .menualbumleft ul li a, #album-main .menu-album .menualbumright ul li a {
    height: 20px !important;
    margin-right: 5px;
	margin-top: 30px;
	text-decoration: none;
	color: #000;
}

#album-main .menu-album .menualbumright ul li:hover {
	height: 20px;
	border-color:#687582;
}

#album-main .menu-album .menualbumright ul li {
    border-bottom: 1px solid #FAFAFA;
    height: 20px;
    list-style: none outside none;
    overflow: hidden;
    padding: 3px;
	text-align: center;
	display: block;
	float: left;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
	border-color: #D7D7D7;
	border-style: solid;
	border-width: 1px;
	background-color: #F4F4F4;
	font-weight:600;
	margin-left: 20px;
}

#album-main .menu-album .menualbumright ul li.taianhmoi {
	background-color: #D74937;
}

#album-main .main-show-albumphoto {
	width: 999px;
	min-height: 100px;
	background-color: #FFF;
	border-top: solid 1px #D7D7D7;
}

#album-main .main-show-albumphoto .albumphotoshow {
	margin: 20px 20px 0px 20px;
}

/* show album*/
#album-main .main-show-albumphoto .albumphotoshow a {
	text-decoration: none;
	color: #000;
	float: left;
}


#album-main .main-show-albumphoto .albumphotoshow .zMxm7c {
	box-shadow: 0px 1px 0px rgb(229, 229, 229);
	border: 1px solid rgb(229, 229, 229);
	max-width: 164px; 
	max-height: 158px;
	min-width: 164px;
	min-height: 158px;
}

#album-main .main-show-albumphoto .albumphotoshow .zMxm7c .tDMXke {
	transition: all 218ms ease-in-out 0s;
	display: block;
}

#album-main .main-show-albumphoto .albumphotoshow .zMxm7c .y761Rd {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: rgb(255, 255, 255);
	max-width: 164px; 
	max-height: 48px;
	min-width: 164px;
	min-height: 48px;
}
#album-main .main-show-albumphoto .albumphotoshow .zMxm7c .E2BdXb {
	display: block;
}
#album-main .main-show-albumphoto .albumphotoshow .zMxm7c .k83ZBc {
    position: absolute;
}

#album-main .main-show-albumphoto .albumphotoshow .zMxm7c .jwD3Ob {
    -moz-user-select: text;
    color: rgb(38, 38, 38);
    font-size: 14px;
    font-weight: 300;
}
#album-main .main-show-albumphoto .albumphotoshow .zMxm7c .jwD3Ob, #album-main .main-show-albumphoto .albumphotoshow .zMxm7c .onSq9d {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    max-width: 153px;
    padding: 5px 0px 0px 10px;
}



/*-------------------------album detail------------------------------------*/

#nam-album-details-linkphots-content {
	width: 1000px;
	min-height: 120px;
}

#nam-album-details-linkphots-content .details-linkphots-images {
	float: left;
	width:164px; 
	height:120px;
	margin-left: 2px;
	margin-top: 5px;
}


.reveal-modal-imageview {
	/*visibility: hidden;*/
	display: none;
	top: 20px; 
	left: 30%;
	margin-left: -300px;
	width: 1100px;
	height: 550px;
	position: absolute;
	z-index: 101;
	padding: 0px 0px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal-imageview .close-reveal-imageview {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
}

.reveal-modal-imageview .reveal-modal-left {
	width: 750px;
	height: 550px;
	max-width: 750px;
	float: left;
	background: #eee url(../images/paging_loading.gif) no-repeat center;
	background-size: 20% auto;
}
.reveal-modal-imageview .reveal-modal-right {
	width: 330px;
	height: 530px;
	float: left;
	padding: 10px;
	background-color: #FFF;
}

.reveal-modal-imageview.reveal-modal-left .post-view-image {
	width: 700px;
	height: 550px;
}

.lightbox-lb-prev, .lightbox-lb-next {
  height: 100%;
  display: block;
  z-index: 120;
}

.lightbox-lb-prev {
	width: 25%;
}
.lightbox-lb-next {
	width: 75%;
}

.lightbox-lb-prev {
  left: 0;
  float: left;
}

.lightbox-lb-next {
  right: 0;
  float: right;
}

.lightbox-lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

.lightbox-lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

.reveal-modal-imageview .reveal-modal-right .lightbox-showimage-info {
	margin-top: 5px;
}

.reveal-modal-imageview .reveal-modal-right .lightbox-friend-comment {
	margin-top: 2px;
	background-color: #EDEFF4;
	width: 325px;
	min-height: 40px;
	padding: 3px;
}

.reveal-modal-imageview .reveal-modal-right .lightbox-friend-comment .lightbox-friend-avatar {
	max-height: 35px;
	max-width: 35px;
	height: 35px;
	width: 35px;
	float:left;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
	background-color: rgb(255, 255, 255);
	border-color: rgb(204, 204, 204);
	border-style: solid;
	border-width: 1px;
	margin-right: 10px;
}

.reveal-modal-imageview .reveal-modal-right .lightbox-friend-comment .lightbox-account-comment {
	background-color: #FFF;
	margin-left: 45px;
	width: 275px;
	min-height: 39px;
	height: 39px;
	 overflow-y:scroll;
}

.account-comment-maincontents {
	overflow-y: auto;
	max-height: 400px;
	width: 345px;
}