.aplus-v2 .apm-brand-story-carousel-container {
позиция: относительная;
}
.aplus-v2 .apm-brand-story-carousel-герой-контейнер,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
позиция: абсолютная;
ширина: 100%;
}/*
Обеспечение того, чтобы карусель занимала только необходимое пространство.
Размеры необходимо снова установить на абсолютно расположенных элементах, чтобы они могли занимать место.
*/
.aplus-v2 .apm-brand-story-carousel-container,
.aplus-v2 .apm-brand-story-carousel-hero-container {
высота: 625 пикселей;
ширина: 100%;
максимальная ширина: 1464 пикселей;
поле-левый: авто;
поле-вправо: авто;
перелив: скрытый;
}
/*
Это центрирует карусель вертикально поверх контейнера с изображением героя и после области логотипа (125 пикселей).
Margin-top = (геройВысота - карточкаВысота - логотипAreaHeight) / 2 + логотипAreaHeight
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner{
полезная вершина: 149 пикселей;
}
/*
Карты должны иметь установленную ширину, в противном случае по умолчанию составляют 50 пикселей или около того.
Все карты должны иметь одинаковую ширину.Карусель изменит размер по себе, поэтому все карты соответствуют ширине самой большой карты.
Левый край предназначен для того, чтобы оставить место между каждой картой.
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-card {
ширина: 362 пикселей;
поле-левый: 30 пикселей !важно;
}
/* укладка навигационных кнопок, чтобы они были выше, заподлицо по бокам и иметь чистый белый фон */
.aplus-v2 .apm-brand-story-carousel .a-карусель-col.a-карусель-левый,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {
набивка: 0 пикселей;
}
.aplus-v2 .apm-brand-story-carousel .a-карусель-col.a-карусель-левая .a-кнопка-изображение,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image {
граница: нет;
поле: 0 пикселей;
}
.aplus-v2 .apm-brand-story-carousel .a-карусель-col.a-карусель-левая .a-кнопка-изображение .a-кнопка-внутренняя,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
фон:#фф;
набивка: 20 пикселей 6 пикселей;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {
граница: 0px 4px 4px 0px 0px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
граница: 4 пикселя 0 пикселей 0 пикселей 4 пикселя;
}