@font-face {
font-family: 'Glyphicons Halflings';
src: url('./fonts/glyphicons-halflings-regular.eot');
src: url('./fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('./fonts/glyphicons-halflings-regular.woff') format('woff'), url('./fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('./fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.modal-open{
overflow: hidden;
}

.divOverlay{
position: absolute;
top:0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: rgba(0,0,0,0.8);
z-index: 100;
}

.divTop{
position: fixed;
top: 20px;
right: 5px;
line-height: 45px;
z-index: 103;
}
.divTop>div{
display: inline-block;
margin: 0px 8px;
width: 45px;
height: 45px;
font-size: 17px;
border: 2px solid #fff;
color: #fff;
float: right;
}

.divClose{
background-image: none;
opacity: 1;
text-align: center;
text-shadow: none;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
cursor: pointer;
}
.divClose:before {
content: "\e014";
font-family: "Glyphicons Halflings";

}
.divPlay{
background-image: none;
opacity: 1;
text-align: center;
text-shadow: none;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
cursor: pointer;
}

.divPlay.dis{
display: none;
}

.divPlay:before {
content: "\e073";
font-family: "Glyphicons Halflings";

}

.divPlay.divPause:before{
content: "\e072";
}


.divResize{
background-image: none;
opacity: 1;
text-align: center;
text-shadow: none;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
cursor: pointer;
}

.divResize:before {
content: "\e096";
font-family: "Glyphicons Halflings";

}

.divResize.resFull:before{
content: "\e097";
}



.divTop>div:hover{
color: #000000;
background-color: #FFFFFF;
}
.modalDialog{
position: fixed;
background-color: #000000;
top:0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: 0px auto;
z-index: 101;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
overflow: hidden;
text-align: center;
background-position: 50% 50%;
}

.resModal{
-webkit-transition: all 0s ease-in-out 0s;
-o-transition: all 0s ease-in-out 0s;
transition: all 0s ease-in-out 0s;
}

.modalDialog img{
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;

/*
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
*/
}

.modalDialog img.resImg{
position: absolute;
display: inline-block;
margin: 0px auto;
left:0px;
right: 0px;
}

.arrowPicsNext,.arrowPicsPrev{
position: fixed;
background-image: none;
font-size: 20px;
width: 54px;
height: 54px;
line-height: 54px;
opacity: 1;
color: #fff;
border: 2px solid #fff;
text-align: center;
text-shadow: none;
z-index: 101;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
cursor: pointer;
top:50%;
margin-top: -27px;
}

.arrowPicsNext{
right: 20px;
}
.arrowPicsPrev{
left: 20px;
}

.arrowPicsNext.dis{
display: none;
}

.arrowPicsPrev.dis{
display: none;
}

.arrowPicsNext:before{
content: "\e258";
font-family: "Glyphicons Halflings";

}
.arrowPicsPrev:before{
content: "\e257";
font-family: "Glyphicons Halflings";
}
.arrowPicsNext:hover,.arrowPicsPrev:hover{
color: #000000;
background-color: #FFFFFF;
}

.modalDialog .divTitle{
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
padding: 15px;
box-sizing:border-box;
background-color: rgba(0,0,0,0.3);
color: #FFFFFF;
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
z-index: 100;
font-size: 12px;
line-height: 1.5em;
}


.divAlt{
position: fixed;
left: 0px;
right: 0px;
top:5px;
font-size: 15px;
color: #CCCCCC;
margin: 0px auto;
z-index: 101;
width: 100%;
text-align: center;
font-family: verdana;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
padding: 5px 15px;

box-sizing:border-box;

}


.divScrollPhoto{
position: fixed;
left: 0px;
width: 100%;
max-width: 100%;
z-index: 102;
padding: 40px 0px 0px 0px;
bottom: -105px;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.divScrollPhoto .divScrollArrow{
width: 38px;
height: 38px;
color:#FFFFFF;
position: absolute;
top:0px;
left:0px;
right: 0px;
margin: 0px auto;
border: 2px solid #fff;
text-align: center;
line-height: 40px;
font-size: 20px;
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}

.divScrollPhoto .divScrollArrow.dis{
display: none;
}

.divScrollPhoto .divScrollArrow:before{
content: "\e011";
font-family: "Glyphicons Halflings";
}

.divScrollPhoto .divScrollArrow:hover,.divScrollPhoto .selScArrow{
color: #000000;
background-color: #FFFFFF;
}

.divScrollPhoto .divScrollContent{
box-sizing:border-box;
height: 100px;
position: relative;
overflow: hidden;
margin-bottom:5px;
}
.divScrollPhoto .divScrollContent .divScrollImage{
background-color: rgba(0,0,0,0.8);
position: absolute;
left: 0px;
}


.divScrollPhoto .divScrollContent .isRun{
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}


.divScrollPhoto .divScrollContent .noEvent{
position: static;
margin: 0px auto;
}



.divScrollPhoto .divScrollContent .divScrollImage .imgScA{
display: inline-block;
box-sizing:border-box;
padding: 5px;
cursor: move;
position: relative;
}



.divScrollPhoto .divScrollContent .divScrollImage .imgScA .imgScSpan{
box-sizing:border-box;
max-width: 100%;
max-height: 100%;
width:100%;
height:100%;
display: inline-block;
overflow: hidden;
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 130% auto;
}

.divScrollPhoto .divScrollContent .divScrollImage .selImgScA:after{
content: "";
position: absolute;
width: 100%;
height: 100%;
box-sizing:border-box;
top:0px;
left: 0px;
background-color: rgba(0,0,0,1);
border: 3px solid #FFFFFF;
opacity:0.5;
}

.divScrollPhoto .divScrollContent .divScrollImage .imgScA img{
max-width: 150%;
max-height:150%;
position: absolute;
top:0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
}