.photolist{height:490px;clear:left}
.scroll{position:relative;overflow:hidden;height:100%;width:100%}
.scroll .items{width:20000em;position:absolute;clear:both}
.scroll .itcol{position:relative;float:left;height:100%;width:170px;padding:0;margin:0 10px 0 0;display:block}
.scroll .itrow{position:relative;float:left;height:132px;width:170px;padding:0;margin:0 0 10px;background-color:rgba(255,255,255,.2);display:block}
.scroll .itrow .linkbox{position:absolute;top:0;left:0;width:168px;height:130px;display:block;border:1px solid #996}
.scroll .itrow:hover .linkbox{border:1px solid #fff}
.scroll .itrow .minfo{position:absolute;bottom:6px;left:6px;height:30px;width:158px;line-height:30px;font-size:12px;background-color:rgba(36,34,22,.7);display:block}
.scroll .itrow .minfo b{padding:0 8px;font-weight:300;color:#ccc}
.scroll .itrow:hover .minfo{background-color:rgba(36,34,22,1)}
.scroll .itrow:hover .minfo b{color:#fff}
.scroll .itrow .dwnbox{position:absolute;bottom:6px;right:6px;width:30px;height:30px;overflow:hidden;background-image:url(images/bg-arrow.png);background-repeat:no-repeat;background-color:rgba(0,0,0,.5);display:block}
.scroll .itrow .dwnbox:hover{background-position:-30px 0;background-color:rgba(0,0,0,.8)}
.scroll .mpic{position:absolute;top:6px;left:6px;height:120px;width:158px;display:block}

/* prev, next, prevPage and nextPage buttons */
#photocon a.next,#photocon a.prev{position:absolute;top:0;width:30px;height:490px;cursor:pointer;display:block;z-index:2000}
#photocon a.next:hover,#photocon a.prev:hover{background-position:center center}
#photocon a.prev{left:-30px;background-image:url(images/bt-left.png)}
#photocon a.next{left:auto;right:-30px;background-image:url(images/bt-right.png)}
#photocon a.prev:hover{background-image:url(images/bt-left-over.png)}
#photocon a.next:hover{background-image:url(images/bt-right-over.png)}
#photocon a.disabled{visibility:hidden!important}

#popup{position:fixed;top:-120%;left:5%;background:url(images/loading.gif) center center no-repeat #252517;width:90%;height:90%;display:block;z-index:9000}
#popup.popshow{top:5%}
#wrap{position:absolute;top:0;left:0;width:100%;height:100%}
#desc{position:absolute;bottom:0;left:0;width:100%;padding:15px 0;color:#fff;background-color:rgba(36,34,22,.7);overflow:hidden;text-align:center}
#popup a.close{position:absolute;top:10px;right:10px;width:49px;height:49px;cursor:pointer;background-image:url(images/bt-close.png);filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3}
#popup a.close:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}

/* prev, next, prevPage and nextPage buttons */
#popup a.nextItm,#popup a.prevItm{position:absolute;height:50%;cursor:pointer;display:block;z-index:2000}
#popup a.nextItm:hover,#popup a.prevItm:hover{background-position:center center}
#popup a.prevItm{left:0;background-image:url(images/bt-left.png)}
#popup a.nextItm{right:0;background-image:url(images/bt-right.png)}
#popup a.prevItm:hover{background-image:url(images/bt-left-over.png)}
#popup a.nextItm:hover{background-image:url(images/bt-right-over.png)}
#popup a.disabled{visibility:hidden!important}
#popup a.nextItm,#popup a.prevItm{top:25%;width:50px}
.icpin{width:20px;height:20px;display:block;float:right;margin-right:20px;background-image:url(images/pinterest.png)}

/* background */
#wrap,#popup a.close{
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain
}
.scroll .mpic,.icpin{
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover
}
.scroll .mpic,#photocon a.prev,#photocon a.next,#wrap,#popup a.close,#popup a.nextItm,#popup a.prevItm,.icpin{
	background-position:center center;
	background-repeat:no-repeat
}

/* transition */
#photocon a.prev, #photocon a.next,
#photocon a.prev:hover,
#photocon a.next:hover,
#popup,
#popup.popshow,
#popup a.close,
#popup a.close:hover,
#popup a.prevItm, #popup a.nextItm,
#popup a.prevItm:hover,
#popup a.nextItm:hover{
	-o-transition:all .3s;
	-ms-transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	transition:all .3s
}