@charset "utf-8";
body{margin:0px;}
#pdi_lightbox{position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0);z-index:999;}
#pdi_lightbox #pdi_loading{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:999999;/*display:flex;align-items:center;justify-content:center;*/}
#pdi_lightbox #pdi_loading img{position:absolute;top:50%;left:50%;}
#pdi_lightbox iframe{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0px;}
#pdiBoxImage{position:fixed;top:0px;left:0px;width:100%;height:100%;}
#pdiBoxImage .closedX{position:absolute;top:0px;right:0px;padding:5px 10px 5px 10px;font-size:20px;color:#fff;text-align:center;cursor:pointer;z-index:99999;}
#pdiBoxImage .imgNums{color:#fff;height:40px;line-height:40px;font-size:14px;text-align:center;}
#pdiBoxImage .LightBoxBImgShow{position:absolute;left:0px;width:100%;height:100%;/*display:flex;align-items:center;justify-content: center;*/}
#pdiBoxImage .LightBoxBImgShow img{position:absolute;max-width:100%;max-height:100%;width:auto;height:auto;}
#pdiBoxImage .bigImgArrow{position:absolute;top:50%;width:40px;height:40px;background:rgba(0,0,0,0.5);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;}
#pdiBoxImage .bigImgArrow i{color:#fff;}
#pdiBoxImage .bleft{left:2%;}
#pdiBoxImage .bright{right:2%;}
#pdiBoxImage .LightBoxListsImgList{position:absolute;bottom:0px;left:0px;width:100%;height:100px;text-align:center;letter-spacing: 0px;word-spacing: 0px;font-size:0px;}
#pdiBoxImage .LightBoxListsImgList .sImgListViewZone{display:inline-block;height:100%;width:auto;letter-spacing: 0px;word-spacing: 0px;font-size:0px;overflow:hidden;}
#pdiBoxImage .LightBoxListsImgList .sImgListZone{float:left;height:100%;}
#pdiBoxImage .LightBoxListsImgList .arrow{display:inline-block;text-align:center;line-height:100px;font-size: 26px;width:30px;height:100px;background: #f3d2a8;color: #fff;cursor:pointer;overflow:hidden;letter-spacing: 0px;word-spacing: 0px;zoom: 1;opacity: 0.5;}
#pdiBoxImage .arrow:hover{opacity: 1;text-decoration: none;}
#pdiBoxImage .LightBoxListsImgList ul{width:auto;display:inline-block;height:100%;padding:0px;letter-spacing: 0px;word-spacing: 0px;font-size: 0;}
#pdiBoxImage .LightBoxListsImgList li{float:left;height:100px;border:2px solid #f6f2ed;width:132px;text-align:center;overflow:hidden;background:rgba(246,242,237,1);cursor:pointer;}
#pdiBoxImage .LightBoxListsImgList li:hover{border:2px solid #daab61;}
#pdiBoxImage .LightBoxListsImgList li.on{border:2px solid #daab61;}
#pdiBoxImage .LightBoxListsImgList img{height:100%;width:auto;}