/************************************************************************************************************************************
 * news css																													    *
 ************************************************************************************************************************************
*/
.sub-title{background:#284d93;padding:0.5em 0;margin-bottom:1em}
.style-con{background:none;overflow:hidden}
.style-con p{text-align:center;padding-bottom:4.5em}
/************************************************************************************************************************************
 * Style css																													    *
 ************************************************************************************************************************************
*/
#style-img{width:972px;height:477px;margin:2em auto 1.5em;position:relative;
border-radius: 20px;border: 9px solid #eaeaea;overflow:hidden}
#style-img .door-con{position:absolute;z-index:4;background-position:50%;50%;background-repeat:no-repeat;}
#style-img .wall-con{position:absolute;z-index:3;}
#style-img .floor-con{position:absolute;z-index:2;}
#style-img .front-con{position:absolute;z-index:5;pointer-events:none}
.box
{
	width: 60%;
    position: relative;
    margin:0 auto
}
.box a img{height:100px}
#nba .wall-thumb,#nba .floor-thumb{position:absolute;width:100px;border:1px solid #eaeaea;border-radius:0.5em;overflow:hidden}
#nba .wall-thumb{left:-40px}
#nba .floor-thumb{right:-40px}
#nba .wall-thumb ul li,#nba .floor-thumb ul li{display:block;float:left;width:50%;height:50px;cursor:pointer;line-height:50px;text-align:center}
#nba .details-thumbnails {
	margin: 1em auto;
	position: relative;
	top: 0;
	left: 0;
	width:75%;
	text-align:center
}

#nba .details-thumbnails .swiper-slide img {
}
#nba .details-thumbnails .swiper-slide a {
	display:inline-block;
}
#nba .details-thumbnails .swiper-slide.on img {
	border: solid 1px #898989
}

#nba .details-thumbnails .col-md-4 {
	padding-left: 5px;
	padding-right: 5px
}

#nba .details-thumbnails .swiper-button-next,#nba .details-thumbnails .swiper-button-prev {
	width: 1em;
	height: 2em;
	background:none;
	top: 58%;
	color: #666;
	font-size:1.5em
}

#nba .details-thumbnails .swiper-button-prev {
	left: -1em
}

#nba .details-thumbnails .swiper-button-next {
	right: -1em;
	background-position: -1em 0
}
@media (max-width: 767px){
#style-img{transform: scale(0.4);margin-left: -85%;margin-top:-36%}
.wall-thumb{display:none}
.floor-thumb{display:none}
.box{width:100%}
#nba .details-thumbnails{width:100%}
.style-con p{display:none}
.box a img{height:initial}
}