.product-page .icon-next:hover::before,
.product-page .icon-next:hover::after{animation: icon-next 1.5s ease-in-out infinite;-moz-animation: icon-next 1.5s ease-in-out infinite;-webkit-animation: icon-next 1.5s ease-in-out infinite;-o-animation: icon-next 1.5s ease-in-out infinite;}

.product-page .icon-back:hover:before,
.product-page .icon-back:hover:after{animation: icon-back 1.5s ease-in-out infinite;-moz-animation: icon-back 1.5s ease-in-out infinite;-webkit-animation: icon-back 1.5s ease-in-out infinite;-o-animation: icon-back 1.5s ease-in-out infinite;}


@keyframes icon-next {
    0%   {right: 40px;opacity: 0;}
    10%  {right: 40px;opacity: 1;}
    80%  {right: 4px;opacity: 1;}
    100% {right: 4px;opacity: 0;}
}
@-webkit-keyframes icon-next {
    0%   {right: 40px;opacity: 0;}
    10%  {right: 40px;opacity: 1;}
    80%  {right: 4px;opacity: 1;}
    100% {right: 4px;opacity: 0;}
}
@-moz-keyframes icon-next {
    0%   {right: 40px;opacity: 0;}
    10%  {right: 40px;opacity: 1;}
    80%  {right: 4px;opacity: 1;}
    100% {right: 4px;opacity: 0;}
}
@-o-keyframes icon-next {
    0%   {right: 40px;opacity: 0;}
    10%  {right: 40px;opacity: 1;}
    80%  {right: 4px;opacity: 1;}
    100% {right: 4px;opacity: 0;}
}

@keyframes icon-back {
    0%   {left: 40px;opacity: 0;}
    50%  {left: 40px;opacity: 1;}
    80%  {left: 2px;opacity: 1;}
    100% {left: 2px;opacity: 0;}
}
@-webkit-keyframes icon-back {
    0%   {left: 40px;opacity: 0;}
    50%  {left: 40px;opacity: 1;}
    80%  {left: 2px;opacity: 1;}
    100% {left: 2px;opacity: 0;}
}
@-o-keyframes icon-back {
    0%   {left: 40px;opacity: 0;}
    50%  {left: 40px;opacity: 1;}
    80%  {left: 2px;opacity: 1;}
    100% {left: 2px;opacity: 0;}
}
@-moz-keyframes icon-back {
    0%   {left: 40px;opacity: 0;}
    50%  {left: 40px;opacity: 1;}
    80%  {left: 2px;opacity: 1;}
    100% {left: 2px;opacity: 0;}
}