.badbox-control {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1em;
  position: relative;
  background-color: #000;
  width: 100%;
  padding: 7px;
  box-sizing: border-box;

}
.badbox-control-prev,
.badbox-control-next {
  color: #fff;
  cursor: pointer;
  padding: 0 0.4em;
  border: none;
}
.badbox-control-prev:hover,
.badbox-control-next:hover {
  font-weight: bold;
  color: #f00;
}
.badbox-control-prev {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98FGwsVGT/P+oEAAAHhSURBVGje1dpZThtREIXh35YlxHIIM3jA2GYeV5SwpCTMUyAhTEmAHZmHe0ryAyBM2naf89i2r/Xp6nZXlbrQbrcxTwuYKhoDmsAVcAxMlgwBDeALUO686ASZF6Dy0ocOkDqw8xrAATInQPU9X84jpCZArZsfFXMG+AFcdIvIy45UdYjr/7PIICEVAeazWGwQkLIAjSwX7SdkVoBmLxbvB2RGgFYv/6SXkGkBFvqx3b2ATAmw2M+DlyVkUoClQdwCS+6ALCATAiznoSz4CGRcgJU8FWjdQMYEWM1jqfweyKgAa3luWt6CfBJg3aF9LL0C+AxsODXynZARATYNBxKU3AGdHeIQMIx5isCt6qIZ4MQZErlRpToLnDpDItfqHcrAmTMk8lvdXAU4d4ZErtRfV0njGltI5JcmHjXS7MkWEvlJmkHNAZfOkMilMPU8gLIYmV4I1NBu2UIi5zo/TZ0nW0jkTHe4lm7htpDIqR6qC3rI2kIiJyp7FlUG2UIixypMl1So2kIiR6Rx6jJw5wyJHJLGqyvAvTMkckCaVq4Cf5whkX3S9HIN+OsMieyRppnrwD9nSGSXNN3cAB6cIZHvpGnn5lsgp7eDvgm0BTw6QyJfSdPQbeApLhbMXzwrCDT2DHIdT9gvN/lKAAAAAElFTkSuQmCC');
  background-size: 0.5em 0.5em;
  background-position:  center center;
  background-repeat: no-repeat;
  width:1em;
  height:1em;
  margin-top: 0.2em;
}
.badbox-control-next {
  float: right;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98FGwsVCFV/2nMAAAHdSURBVGje1dlXbhNRFIDhj8gSYjn0TpxCC21FCLIRtkBCemLHsZ3eQGzIPORcKUIRpDj2nP/RnrH06eqWGd/o9XqfsYs1iRvBQ6xiE5OZIaWnMSpdTGSGlJ6hgQ7GM0NKz9EM0FhmyGnQOtqoZ4aUXqCFDYxmhpRGA9OqEmjkCvfWA7Qeo5UWUhqL+dOM+ZQWUhqPFa4RS3haSGkiNtW12GTTQkqTcexZxZPMkNJLbGEFjzNDSq+wjWU8ygwpvcYOluLknRZSehPPQX0BDRPyN2gRDzJDSm+xhwXczwwpTWEf87iXGVJ6hwPM4W5mSOk9DvEDdzJDSh9whNmzQJkgpY8BmsHtzJDSJxwXUGZI6RZu1hID1vAljjsyQhoB2D79YSZIMwBbZ32ZAbIegM1/XVRlSCsA3fNcXEXIRgA6F7mpSpB2ANpZj/FtJ+/G6pdFDHtEOpiOyXzlhgHpBqDZzx8dJGQLX2ND63uDgGwH4Fr/bL1OyE4AVgcx3NcB2Q3AyiAnXj8hewFYHsYS2A/IfgCWhrkZXQVyEIDFKhwLLgM5DMBClQ5oF4EcBWC+ikfl80COAzBX5YeW2n8A005ejFW+syA/AzCb6UH+NORXAGYSvpBQw298w3f0JO0Povlmejj6db8AAAAASUVORK5CYII=');
  background-size: 0.5em 0.5em;
  background-position:  center center;
  background-repeat: no-repeat;
  width:1em;
  height:1em;
  margin-top: 0.2em;
}
.badbox-control-prev:hover
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98FGws1MZ/+dtkAAAEGSURBVGje3dq5DgIxEAPQMdr//+VQIFYIFOWaw2a67fZJqWyjtWbSBzQzs0sd8L5LHaAH6QB0IAMAP2QSwAtZBPBBNgE8kENAPcQJUAdxBuRDggB5kGBAPCQJEAdJBvhDigB+kGLAOYQEsA8hA6xDSAHzEHLAGCIC6EPEAL8QUcD9+81MPNh63cP+5HAnjfJP6zsyFQWhm/2KgTAMsUVAmE7jyUFYrhVIQdjuR8hAOC56SEBwa6yKQXCv3opACOsQk0EIL0OTQEhrdYNBSK+ng0Ao69mdQSgfDDiBQLN8OASBbsKxCQLtFmURBPpRzSQIMuugAQhyM6cOCLJ7rS+Qbq7VGj4/n9eHe17mHg4hAAAAAElFTkSuQmCC');
}
.badbox-control-next:hover
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98FGws2AgsDRAwAAADiSURBVGje3dpRDsQgCEXR14b9b9n5aedjJqbWgnD7dnCiMQhsTWqSpNY2gbN9IWegoH8IFNSHwEDXEAhoHFIcdB9SFDQPKQZ6DikC8oMkg/whSaA4yGJQPGQRaB0kGLQeEgTKgziD8iFOoDqQh6B6kElQXchNUH3IIIgDuQDxIB0QF/ID4kOO7HpJDC84rpbRAdwT6Ty/RgdwIIMlitEBdSGTZbzRAXUgTl9dowPyIEHtIKMD1kEWtUyNDoiDJI0VjA7wgxQZvRkdMA8pOp42OmAcAlnhMDqgD4GuOe1vQEjSBxBIkhgT9qCkAAAAAElFTkSuQmCC');
}
.badbox-control-nums {
/*   margin: 0 180px; */
/*   margin: 0 40px; */
  display: block;
  color: #fff;
  overflow: hidden;
  font-family: NewspaperSansWeb ,sans-serif;
  font-size: 18px;
/*   font-weight: bold; */
  
}
.badbox-control-nums-fade-left,
.badbox-control-nums-fade-right {
  pointer-events: none;
  position: absolute;
  width: 140px;
  height: 100%;
  display:none;
}
.badbox-control-nums-fade-left {
  background: -webkit-linear-gradient(left, #000, transparent);
  background: -moz-linear-gradient(left, #000, transparent);
  background: -ms-liner-gradient(left, #000, transparent);
  background: linear-gradient(left, #000, transparent);
  top: 0;
  left: 140px;
}
.badbox-control-nums-fade-right {
  background: -webkit-linear-gradient(right, #000, transparent);
  background: -moz-linear-gradient(right, #000, transparent);
  background: -ms-linear-gradient(right, #000, transparent);
  background: linear-gradient(right, #000, transparent);
  top: 0;
  right: 140px;
}

.badbox-control-num {
/*   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAYAAABMDlehAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAAoSURBVBhXY/j//78HiGgAEetBxH448R1E/CeSACtG6N0OIkCG/vcAAMqgS50Gts99AAAAAElFTkSuQmCC"); */
  border-right: 1px solid white;
  background-size: 1px 100%;
  background-position: top right;
  background-repeat: no-repeat;
  color: #fff;
  padding: 0 1em;
  text-decoration: none;
  outline:none;
  border-bottom: none;
}

.badbox-control-num:first-child {
/*   margin-left: 50%; */

}
.badbox-control-num:last-child {
/*   margin-right: 50%; */
  border-right: none;
  background-image:none;
}
.badbox-control-num:hover,
.badbox-control-num-current {
  color: #f00;
}

.badbox-control-current {
  display: block;
  width: 100%;
  height: 450px;
  overflow: hidden;
  background: #000;
  text-align: center;


}
.badbox-control-current img,
.badbox-control-current a {
  max-width: 100%;
  max-height: 100%;
  height: auto;

}

.badbox-control-current img {
    position: relative;
    top: 50%;
    transform: translateY( -50% );
}