/*
* name: album.css
* version: v0.4.2
* update: 去掉图片最大宽度限制
* date: 2015-04-18
*/

.album_wrap{position:fixed !important;left:0;top:0;width:100%;height:100%;z-index:98;
	background:url(black.6.png);background:rgba(0,0,0,.8);}

/*1：普通*/
.album_ordinary{width: 100%;height: 100%;}
.album_ordinary .slide_c{float:none;width:100%;margin-right:0;text-align:center;}
.album_ordinary .slide_c img{vertical-align:middle;width:auto;max-height:80%; }
.album_ordinary .slide_c p{position:absolute;left:0;bottom:60px;width:100%;line-height:22px;color:#fff;font-size:16px;}
.album_ordinary .album_btns_bar{/*position:absolute;left:0;bottom:0;width:96%;height:20px;
	line-height: 20px; color: #ffffff; z-index:99;padding:1em 2%;background:#000;*/}
.album_ordinary .album_prev,.album_ordinary .album_next { width:10%; height:200px; position:absolute; top:50%; margin-top:-100px; z-index:99; text-align:center; cursor:pointer; color:#fff; font-size:0; line-height:0;}
.album_ordinary .album_prev:hover,.album_ordinary .album_next:hover { color:#16a9ea;}
.album_ordinary .album_prev { left:10%;}
.album_ordinary .album_next { right:10%;}
.album_ordinary .album_prev [class*="ico-"],.album_ordinary .album_next [class*="ico-"] { width:100%; height:200px; line-height:200px; font-size:60px; margin:0;}

.album_ordinary .album_close{position:absolute;width:38px;height:38px;line-height: 38px;
	z-index:99;margin:0;color:#fabd00;text-align: center;cursor:pointer; background:#fabd00;
	color:#fff; right:10px; top:10px;}
.album_ordinary .album_close [class^="ico-"]{font-size:28px;margin:0;}	
.album_ordinary .album_btns:hover{color:#16a9ea;}
.album_ordinary.unable .album_prev,.album_ordinary.unable .album_next{display: none;}
.album_ordinary .slide_nav{display: none;}

/*2：预览*/
.album_preview .slide_nav{display: block; width:100%;left:0;top:50%;}
.album_preview .slide_nav a{display:none;position:absolute;top:-28px;width:80px;height:55px;
	line-height:55px;border:4px solid #ffd643;cursor:pointer;}
.album_preview .slide_nav img{vertical-align:top;width:100%;height:100%;}
.album_preview .slide_nav .nav_prev{display:block;left:10%;}
.album_preview .slide_nav .nav_next{display:block;right:10%;}
.album_preview .album_close{position:absolute;width:38px;height:38px;line-height: 38px;
	z-index:99;margin:0;color:#fabd00;text-align: center;cursor:pointer; background:#fabd00;
	color:#fff; right:10px; top:10px;}
.album_preview .album_close [class^="ico-"]{font-size:28px;margin:0;}
.album_preview .album_pages{position:absolute;top:10px;right:50px;font-size:14px;color:#fabd00;
	line-height:38px;margin:0 1em;}

/*3：画廊*/
.album_gallery .album_bar{position: absolute;left: 0;bottom:0;height: 50px;width: 100%;
background:#000;z-index: 0;}
.album_gallery .arrs{position: absolute;width:10%;height:200px;line-height:200px;
font-size:22px;color:#fff; top:50%; margin-top:-100px; text-align:center;}
.album_gallery .arrs [class*="ico-"] { font-size:60px; margin:0;}
.album_gallery .arr_prev{left:10%;}
.album_gallery .arr_next{right:10%;}
.album_gallery .arrs:hover{color:#16a9ea;}
.album_gallery .album_pages{position: absolute;height: 40px;line-height: 40px;bottom:5px;
left: 40px;width: 60px;text-align: center;color:#fff;font-size:16px;}
.album_gallery .slide_nav{position: absolute;left: 140px;height: 40px;line-height: 40px;
width:80%;display: block;bottom:5px;}
.album_gallery .slide_nav a{float: left;height: 36px;border:2px solid #ccc;
	margin-right: 4px;opacity: 0; cursor:pointer;}
.album_gallery .slide_nav img{height: 100%;}
.album_gallery .slide_nav .on{border-color:#16a9ea;opacity: 1;}
.album_gallery .album_close{position: absolute;height: 40px;line-height: 40px;width: 40px;
bottom:5px;right:10px;text-align: center;color:#fff;cursor: pointer;z-index: 2;}
.album_gallery .album_close [class^="ico-"]{margin:0;font-size:22px;}
.album_gallery .album_close:hover{color:#16a9ea;}



@media screen and (max-width:64em) {

.album_ordinary{background:#000;}
.album_ordinary .album_btns_bar{height:auto;background: #000000;
background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
border-top: 1px solid #42403f;}

.album_preview .slide_nav .nav_prev,.album_preview .slide_nav .nav_next{display:none;}

}

@media screen and (max-width:40em) {

.album_gallery .slide_nav{display: none;}

}