@charset "utf-8";

.u-right-img{
	position:relative;
    text-align: center;
    background: black;
}
.u-right-img img{
	height:500px;
    max-width: 100%;
}
.u-right-img span{
    padding: 4px;
    position: absolute;
    bottom: 1%;
    right: 1%;
    color: cornsilk;
    background: #e61325;
    width: 69px;
    /* display: block; */
    text-align: center;
    border-radius: 4px;
    height: 30px;
    cursor:pointer;
}

.list-group{
	margin-bottom:0px;
	
}
.list-group li{
	cursor:pointer;
}

.modal-dialog {
	z-index: 1000000;
}

.hideli {
	display: none;
}

#galley {
	background:black;
	width:100%;
	height:764px;
}


#j-pictures {
	list-style: none;
	margin: 0;
	padding: 0;
	background:black;
}

#j-pictures>li {
	border: 1px solid transparent;
	float: left;
	height: calc(100%/ 10);
	margin: 0 -1px -1px 0;
	overflow: hidden;
	width: calc(100%/ 10);
}

#j-pictures>li>img {
	cursor: zoom-in;
	/*width: 100%;*/
	height: 100%;
	display:none;
}
.viewer-player {
    cursor: pointer;
}

.global-iframe{
	width:100%;
	height:700px;
	border: 0;
	text-align: center;	
	background: url(../pic/loading.gif) no-repeat 50% 50%;
}
.imagelist ul li label{
    display: block;
    text-align: center;
    margin-top: 4px;
    width: 119px;
}
.imagelist ul li a img{
	height:119px;
	width:119px; /* 留1px边 */
	margin-top: 1px;
}

.imagelist ul li {
    vertical-align: top;
}
.imagelist ul li a {
	cursor:pointer;
}

.j-has-image a {
	cursor:pointer;
}

#j-waiting {
    position: absolute;
    top: calc(50% - 250px);
    left: calc(50% - 100px);
    z-index: 9999;
    background-color: rgba(255,255,255, 0.6);
    font-size: 2rem;
    padding: 2rem;
    text-align: center;
    border-radius: 2rem;
}

#j-waiting span {
	color: white;
}

#j-title-image {
	float: left;
}

#j-time-image {
    float:right;
    margin-top: 30px;
}

.viewer-container {
    border: 1px black solid;
}