#thumbnail-preview-indicators {
    position: relative;
    overflow: hidden;
}

    #thumbnail-preview-indicators .slides .slide-1,
    #thumbnail-preview-indicators .slides .slide-2,
    #thumbnail-preview-indicators .slides .slide-3 {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    #thumbnail-preview-indicators,
    #thumbnail-preview-indicators .slides,
    #thumbnail-preview-indicators .slides .slide-1,
    #thumbnail-preview-indicators .slides .slide-2,
    #thumbnail-preview-indicators .slides .slide-3 {
        height: 480px;
        width: 100%;
    }

        /*#thumbnail-preview-indicators .slides .slide-1333 {
            background-image: url(/Image/foto1.jpg);
        }

        #thumbnail-preview-indicators .slides .slide-2 {
            background-image: url(/Image/foto1.jpg);
        }

        #thumbnail-preview-indicators .slides .slide-3 {
            background-image: url(/Image/foto1.jpg);
        }*/

        #thumbnail-preview-indicators .carousel-inner .item .carousel-caption {
            top:20%;
            bottom: inherit;
            color:  #FFF;
            text-align:  left;
            text-shadow:  1px 1px #000;
            right:  12%;
            left: 12%;
            
        }
.carousel-caption-title
{
            display: block;
            font-size: 3.6vw;
            text-overflow: ellipsis;
            width: 100%;
            overflow:  hidden;
            white-space:  nowrap;
            line-height: 1.2em;
        }
.carousel-caption-subtitle
{
           color: #FFF;
           font-size: 1.8vw;
           line-height: 1.2em;
           height: 2.4em;
           white-space: normal;
           bottom:  inherit;
           margin-bottom: 20px;
        }

        #thumbnail-preview-indicators .carousel-indicators li,
        #thumbnail-preview-indicators .carousel-indicators li.active {
            position: relative;
            width: 100px;
            height: 8px;
        }

            #thumbnail-preview-indicators .carousel-indicators li > .thumbnail {
                position: absolute;
                top: 0;
                width: 100px;
                display: none;
                opacity: 0;
                left: 50%;
                margin-top: -80px;
                margin-left: -50px;
            }

            #thumbnail-preview-indicators .carousel-indicators li:hover > .thumbnail,
            #thumbnail-preview-indicators .carousel-indicators li.active > .thumbnail {
                display: block;
                opacity: .8;
            }

                #thumbnail-preview-indicators .carousel-indicators li.active > .thumbnail:hover {
                    opacity: 1;
                }

@media screen and (max-width : 480px) {
    #thumbnail-preview-indicators .carousel-indicators li,
    #thumbnail-preview-indicators .carousel-indicators li.active {
        width: 50px;
        height: 8px;
        position: relative;
    }

        #thumbnail-preview-indicators .carousel-indicators li > .thumbnail {
            width: 50px;
            left: 50%;
            margin-top: -50px;
            margin-left: -25px;
        }
}