/* */
.panWrapper {position:fixed; width:100%; height:100%; overflow:hidden; background-color:rgb(0,0,0); z-index:9999; left:0; top:0; display:none; cursor:move;}
.panWrapper * {-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;}

.panWrapper a.controls {background-size: 100%;    width: auto;     display: inline-block;    cursor: pointer;    background: #333333;  border: #aaaaaa 1px solid; color: white;    padding: 10px 15px;    font-size: 15px;    line-height: 15px;    box-sizing: border-box;   border-radius: 10px;    margin: 10px 5px;}
.panWrapper a.controls.in{}
.panWrapper a.controls.out{}
.panWrapper a.controls.close{ }
.panWrapper .loading{z-index:3; position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; width:100px; height:100px; background-image:url(/img/loading.gif); background-repeat:no-repeat; background-size:100%; display:block;}
.pantopbtnarea{text-align:right;position: fixed;top: 0;height: auto;width: 100%;background: rgba(0,0,0,0.7);z-index: 5; padding-right : 10px;}
.panbtntitarea{  text-align:right;position: fixed;bottom: 80px;height: auto;width: 100%;background: rgba(0,0,0,0.7);z-index: 5; padding : 20px; box-sizing : border-box; font-size : 17px; text-align:center;color : #ffffff;}
.pannavarea{ overflow-x:scroll; position: fixed; bottom : 300px; background: rgba(0,0,0,0.7); height : 80px; width : 100%;z-index: 5; bottom: 0px; right : 0px; text-align:center; width : 100%;}
/* .pannavarea a {background-size: 100%;    width: auto;     display: inline-block;    cursor: pointer;    background: #f4f4f4;  border: #000000 1px solid; color: white;    padding: 8px 8px;    font-size: 15px;    line-height: 15px;    box-sizing: border-box;   border-radius: 10px;    margin: 2px 5px;}*/
.pannavarea a img { height : 50px; border : 2px solid #cccccc; margin : 0px 5px; }


.panbtnnext{ position: fixed; right : 30px; height : 50px; width : 50px;z-index: 5; bottom: calc( 50% - 25px ); text-align:center;  }
.panbtnprev{ position: fixed; left : 30px;height : 50px; width : 50px;z-index: 5; bottom: calc( 50% - 25px );  text-align:center; }
.panbtnnext a.controls, .panbtnprev a.controls {width: 50px;height: 50px;display: inline-block;cursor: pointer;background: rgba(0, 0, 0, 0.8);border: #aaaaaa 1px solid;color: white;padding: 0px;font-size: 30px;line-height: 40px;box-sizing: border-box;border-radius: 31px;margin: 0px 0px;}