/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background: rgba(0, 0, 0, 0.9);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background: rgba(0, 0, 0, 1.0);}
.cboxIframe{background: rgba(255, 255, 255, 1.0);}
#cboxError{padding:50px; border:1px solid rgba(204, 204, 204, 1.0);}
#cboxLoadedContent{border:5px solid rgba(0, 0, 0, 1.0); background: rgba(255, 255, 255, 1.0);}
#cboxTitle{position:absolute; top:-20px; left:0; color: rgba(204, 204, 204, 1.0); letter-spacing: 0.2em;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color: rgba(204, 204, 204, 1.0);}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color: rgba(255, 255, 255, 1.0)}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}
/*EXTRA*/
.exps { width: 680px; height: 1750px; position: relative;}
.exps li { display: block; padding: 4px; background: rgba(191,110,78,0.8); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYmY2ZTRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1MjIwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(191,110,78,0.8) 0%, rgba(117,34,1,0.8) 100%); background: -webkit-linear-gradient(-45deg, rgba(191,110,78,0.8) 0%,rgba(117,34,1,0.8) 100%); background: linear-gradient(135deg, rgba(191,110,78,0.8) 0%,rgba(117,34,1,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf6e4e', endColorstr='#752201',GradientType=1 );}
.exps li .capt { width: 148px; height: 40px; background: rgba(255, 255, 255, 0.1); display: block; position: absolute; top: 160px; left: 25px;}
.exps li .capt:after { content:""; position:absolute; bottom:0; right:0; border-width: 0 0 8px 8px; border-style: solid; border-color: rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0.4); background: rgba(21, 20, 19, 1.0); display: block; width:0; -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);}
.exps li .capt1 { width: 100%; height: 15px; white-space: nowrap; text-align: center; font-size: 80% !important; line-height: 120%; position: absolute; top: 5px; left: 0; display: block; overflow: hidden; -o-text-overflow: clip ellipsis; text-overflow: clip ellipsis; text-overflow: "…" "…";}
.exps li .capt2 { width: 100%; height: 15px; white-space: nowrap;  text-align: center; font-size: 80% !important; line-height: 120%; position: absolute; top: 20px; left: 0; display: block; overflow: hidden; -o-text-overflow: clip ellipsis; text-overflow: clip ellipsis; text-overflow: "…" "…";}
.exps li .capt3 { width: 100%; height: 15px; white-space: nowrap;  text-align: center; font-size: 80% !important; line-height: 120%; position: absolute; top: 10px; left: 0; display: block; overflow: hidden; -o-text-overflow: clip ellipsis; text-overflow: clip ellipsis; text-overflow: "…" "…";}
.exps li .capt .col { color: #abff33;}
.exps li .spcover { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1);}
.exps li a { width: 100%; height: 100%; display: block; color: rgba(255, 255, 255, 0.4);}
.exps li a:hover { text-decoration: none; cursor: pointer;}
.exps li a:hover .spcover { background: rgba(0, 0, 0, 0);}
.exps li a .capt { color: rgba(255, 255, 255, 0.4);}
.exps li a:hover .capt { color: rgba(255, 255, 255, 1.0); background: rgba(255, 255, 255, 0.2);}
.exps .sph { overflow: hidden; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);}
.exps .njt { width: 100%; text-align: center; letter-spacing: 0.2em; padding: 0 0 10px 0;}
#e01p { position: absolute; top: 0; left: 10px;}
#e02p { position: absolute; top: 0; left: 245px;}
#e03p { position: absolute; top: 0; left: 485px;}
#e04p { position: absolute; top: 235px; left: 35px;}
#e05p { position: absolute; top: 235px; left: 260px;}
#e06p { position: absolute; top: 270px; left: 465px;}
#e08p { position: absolute; top: 520px; left: 10px;}
#e09p { position: absolute; top: 520px; left: 245px;}
#e07p { position: absolute; top: 495px; left: 485px;}
#e14p { position: absolute; top: 745px; left: 35px;}
#e11p { position: absolute; top: 745px; left: 260px;}
#e10p { position: absolute; top: 770px; left: 465px;}
#e12p { position: absolute; top: 1020px; left: 10px;}
#e13p { position: absolute; top: 1020px; left: 245px;}
#e15p { position: absolute; top: 1000px; left: 485px;}
#e16p { position: absolute; top: 1250px; left: 35px;}
#e17p { position: absolute; top: 1270px; left: 245px;}
#e18p { position: absolute; top: 1270px; left: 465px;}
#e19p { position: absolute; top: 1520px; left: 10px;}
#e20p { position: absolute; top: 1500px; left: 265px;}
#e0p { position: absolute; top: 1560px; left: 475px; background: url(/img/cover.gif);}
#e03p .capt, #e04p .capt, #e05p .capt, #e07p .capt, #e11p .capt, #e14p .capt, #e15p .capt, #e16p .capt, #e20p .capt { position: absolute; top: 205px; left: 5px;}
#e0p .capt0 { width: 180px; background: rgba(191,110,78, 0.1); position: absolute; top: 0; left: 0; padding: 25px 15px; font-size: 75%; color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(191,110,78, 0.3); text-align: left; line-height: 160%; letter-spacing: 0.2em;}
.exps #e0p .capt:after { border: 0;}
/*thum*/
#sp01 { width: 195px; height: 150px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: 0 0;}
#sp02 { width: 195px; height: 150px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -195px 0;}
#sp03 { width: 150px; height: 195px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -780px 0;}
#sp04 { width: 150px; height: 195px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -930px 0;}
#sp05 { width: 150px; height: 195px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -1080px 0;}
#sp06 { width: 195px; height: 150px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -390px 0;}
#sp07 { width: 150px; height: 195px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -1230px 0;}
#sp08 { width: 195px; height: 150px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -585px 0;}
#sp09 { width: 195px; height: 150px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: 0 -150px;}
#sp10 { width: 195px; height: 150px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -195px -150px;}
#sp11 { width: 150px; height: 195px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -1380px 0;}
#sp12 { width: 195px; height: 150px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -585px -150px;}
#sp13 { width: 195px; height: 150px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: 0 -300px;}
#sp14 { width: 150px; height: 195px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -780px -195px;}
#sp15 { width: 150px; height: 195px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -930px -195px;}
#sp16 { width: 150px; height: 195px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -1080px -195px;}
#sp17 { width: 195px; height: 150px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -195px -300px;}
#sp18 { width: 195px; height: 150px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -390px -300px;}
#sp19 { width: 195px; height: 150px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -585px -300px;}
#sp20 { width: 150px; height: 195px; background: url(../img/p/sall.jpg?2) no-repeat; background-position: -1230px -195px;}