body{
color: #333;
font-family: Arial;
}

.box-360 ul, .box-360{
margin: 0;
padding: 0;
}
ul, li {
list-style: none;
}

.container-360{text-align:center}

.box-360:before{display:block; width:100px; height:100px; background:url('../assets/360-ico.png') no-repeat top left; content:" ";position:absolute; 
background-size: contain;
opacity: 0.2;
margin: 1rem;
}

.box-360{
display:inline-block;
overflow:hidden; 
position:relative;
width: 600px;
width: 70%;

border: 3px solid #DADADA;
}
.box-360,.zoomer{
height: 555px;
}
.d-none {
display: none;
}

.tv-360 img{
display:block;
width: 100%;
height: auto;
}

.helper-360{text-align:center}
.zoomer{display:inline-block; vertical-align:top; position:relative}
.zoomer div{position: absolute; top: 38%;}
.zoomer span{display:block; padding:20px; background:#eee; cursor:pointer; margin-bottom:4px}
.zoomer span:hover{background:#b0ff9c}