Dan Goldman

This just worked for me:

carousel .item {
display: none;
position: relative;
-webkit-transition:.7s ease-in-out opacity;
-moz-transition: .7s ease-in-out opacity;
-ms-transition: .7s ease-in-out opacity;
-o-transition: .7s ease-in-out opacity;
transition: .7s ease-in-out opacity;
left: 0 !important;
transition: 0.6s ease-in-out left; */
}

.carousel .next.left,
.carousel .prev.right {
opacity: 1;
z-index: 1;
}

.carousel .active.left {
opacity: 0;
z-index: 2;
}

.carousel .active.right {
opacity: 0;
z-index: 2;
}

you can see the results here:

www.panyl.com