@charset "utf-8";
/* CSS Document */

   .imgScrollWrap, .imgScrollWrap_1 {
            position: relative;
            width: 600px;
            height: 120px;
            border: 1px #999 solid;
            overflow: hidden;
        }

        .imgScrollBtn01, .imgScrollBtn02, .imgScrollBtn01_1, .imgScrollBtn02_1 {
            position: absolute;
            display: block;
            width: 22px;
            height: 40px;
            background: url(../images/mainBG.png) no-repeat 0 0;
            overflow: hidden;
            z-index: 2;
        }

        .imgScrollBtn01, .imgScrollBtn01_1 {
            top: 40px;
            left: 0;
        }

        .imgScrollBtn02, .imgScrollBtn02_1 {
            top: 40px;
            right: 0;
            background-position: -22px 0;
        }

        .imgScrollBtn01:hover, .imgScrollBtn01_1:hover {
            background-position: 0 -40px;
        }

        .imgScrollBtn02:hover, .imgScrollBtn02_1:hover {
            background-position: -22px -40px;
        }

        .imgScrollList, .imgScrollList_1 {
            position: absolute;
            top: 0;
            left: 20px;
            width: 560px;
            height: 120px;
            overflow: hidden;
            z-index: 1;
        }

        .imgScrollList ul, .imgScrollList_1 ul {
            position: relative;
            width: 9999px;
            height: 120px;
        }

        .imgScrollList li, .imgScrollList_1 li {
            float: left;
            width: 560px;
            height: 120px;
            overflow: hidden;
        }

        .imgScrollList li a, .imgScrollList_1 li a {
            float: left;
            margin: 12px 6px;
            width: 128px;
            height: 96px;
            overflow: hidden;
        }

        .imgScrollWrap_v, .imgScrollWrap_v_1 {
            position: relative;
            width: 10%;
            height: 600px;
          
            overflow: hidden;
			float: left;
        }

        .imgScrollBtn01_v, .imgScrollBtn02_v, .imgScrollBtn01_v_1, .imgScrollBtn02_v_1 {
            position: absolute;
            display: block;
            width: 40px;
            height: 22px;
            background: url(../images/mainBG_v.png) no-repeat 0 0;
            overflow: hidden;
            z-index: 2;
        }

        .imgScrollBtn01_v, .imgScrollBtn01_v_1 {
            top: 0;
            left: 40px;
        }

        .imgScrollBtn02_v, .imgScrollBtn02_v_1 {
            bottom: 0;
            left: 40px;
            background-position: 0 -22px;
        }

        .imgScrollBtn01_v:hover, .imgScrollBtn01_v_1:hover {
            background-position: -40px 0;
        }

        .imgScrollBtn02_v:hover, .imgScrollBtn02_v_1:hover {
            background-position: -40px -22px;
        }

        .imgScrollList_v, .imgScrollList_v_1 {
            position: absolute;
            top: 0px;
            left: 0;
            width: 152px;
            height: 432px;
            overflow: hidden;
            z-index: 1;
			
        }

        .imgScrollList_v ul.imgScrollList_v_1 ul {
            position: relative;
            height: 9999px;
            width: 152px;
        }

        .imgScrollList_v li, .imgScrollList_v_1 li {
          
            overflow: hidden;
			
        }

        .imgScrollList_v li a, .imgScrollList_v_1 li a {
            display: block;
      
            overflow: hidden;
			margin-bottom: 5px;
        }

        .imgScrollWrap_2, .imgScrollWrap_3 {
            position: relative;
            width: 600px;
            height: 120px;
            border: 1px #999 solid;
            overflow: hidden;
        }

        .imgScrollBtn01_2, .imgScrollBtn02_2, .imgScrollBtn01_3, .imgScrollBtn02_3 {
            position: absolute;
            display: block;
            width: 22px;
            height: 40px;
            background: url(../images/mainBG.png) no-repeat 0 0;
            overflow: hidden;
            z-index: 2;
        }

        .imgScrollBtn01_2, .imgScrollBtn01_3 {
            top: 40px;
            left: 0;
        }

        .imgScrollBtn02_2, .imgScrollBtn02_3 {
            top: 40px;
            right: 0;
            background-position: -22px 0;
        }

        .imgScrollBtn01_2:hover, .imgScrollBtn01_3:hover {
            background-position: 0 -40px;
        }

        .imgScrollBtn02_2:hover, .imgScrollBtn02_2:hover {
            background-position: -22px -40px;
        }

        .imgScrollList_2, .imgScrollList_3 {
            position: absolute;
            top: 0;
            left: 20px;
            width: 560px;
            height: 120px;
            overflow: hidden;
            z-index: 1;
        }

        .imgScrollList_2 ul, .imgScrollList_3 ul {
            position: relative;
            width: 9999px;
            height: 120px;
        }

        .imgScrollList_2 li, .imgScrollList_3 li {
            float: left;
            width: 140px;
            height: 120px;
            overflow: hidden;
        }

        .imgScrollList_2 li a, .imgScrollList_3 li a {
            float: left;
            margin: 12px 6px;
            width: 128px;
            height: 96px;
            overflow: hidden;
        }

        .imgScrollWrap_v_2, .imgScrollWrap_v_3 {
            position: relative;
            width: 152px;
            height: 472px;
            border: 1px #999 solid;
            overflow: hidden;
        }

        .imgScrollBtn01_v_2, .imgScrollBtn02_v_2, .imgScrollBtn01_v_3, .imgScrollBtn02_v_3 {
            position: absolute;
            display: block;
            width: 40px;
            height: 22px;
            background: url(../images/mainBG_v.png) no-repeat 0 0;
            overflow: hidden;
            z-index: 2;
        }

        .imgScrollBtn01_v_2, .imgScrollBtn01_v_3 {
            top: 0;
            left: 56px;
        }

        .imgScrollBtn02_v_2, .imgScrollBtn02_v_3 {
            bottom: 0;
            left: 56px;
            background-position: 0 -22px;
        }

        .imgScrollBtn01_v_2:hover, .imgScrollBtn01_v_3:hover {
            background-position: -40px 0;
        }

        .imgScrollBtn02_v_2:hover, .imgScrollBtn02_v_3:hover {
            background-position: -40px -22px;
        }

        .imgScrollList_v_2, .imgScrollList_v_3 {
            position: absolute;
            top: 20px;
            left: 0;
            width: 152px;
            height: 432px;
            overflow: hidden;
            z-index: 1;
        }

        .imgScrollList_v_2 ul, .imgScrollList_v_3 ul {
            position: relative;
            height: 9999px;
            width: 152px;
        }

        .imgScrollList_v_2 li, .imgScrollList_v_3 li {
            width: 152px;
            height: 108px;
            overflow: hidden;
        }

        .imgScrollList_v_2 li a, .imgScrollList_v_3 li a {
            display: block;
            margin: 6px 12px;
            width: 128px;
            height: 96px;
            overflow: hidden;
        }














.carousel-inner.vertical > .item {
    -webkit-transition: .10s ease-in-out bottom;
    -moz-transition: .10s ease-in-out bottom;
    -o-transition: .10s ease-in-out bottom;
    transition: .10s ease-in-out bottom;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-inner.vertical > .item {
    -webkit-transition:-webkit-transform .6s ease-in-out;
    -moz-transition:-webkit-transform .6s ease-in-out;
    -o-transition:-o-transform .6s ease-in-out;
    transition:transform .6s ease-in-out;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-perspective:1000;
    -moz-perspective:1000;
}
.carousel-inner.vertical > .item.next,
.carousel-inner.vertical > .item.active.right {
    -webkit-transform: translate3d(0, 33.33%, 0);
    -moz-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0);
    top:0px;
}
.carousel-inner.vertical > .item.prev,
.carousel-inner.vertical > .item.active.left {
    -webkit-transform: translate3d(0, -33.33%, 0);
    -moz-transform: translate3d(0, -33.33%, 0);
    transform: translate3d(0, -33.33%, 0);
    top: 0px;
}
.carousel-inner.vertical > .item.next.left,
.carousel-inner.vertical > .item.prev.right,
.carousel-inner.vertical > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top:0px;
  }
}
.carousel-inner.vertical > .next,
.carousel-inner.vertical > .prev {
    height: 100%;
    width: auto;
}
#carousel-pager .carousel-control.left,#carousel-pager .carousel-control.right{
    width:50px;
    height:50px;
    border-radius: 50%;
    background:#FFF;
    opacity: 1;
    position: absolute;
    top:-65px;
    left:50%;
    transform: translateX(-50%);
}
#carousel-pager .carousel-control.right {
    top:unset;
    bottom: -65px;
    left:50%;
    transform: translateX(-50%);
}
.left .glyphicon,.right .glyphicon{
    position:absolute;
    top:13px;
    left:16px;
    color:#004C70;
}
.right .glyphicon{
    top:16px;
    left:15px;
}
.item img{
    border:1px solid #e2e2e2;
    padding: 5px;
    border-radius:5px;
    margin:5px;
}

    .container .master {  
       float: left; 
        width: 90%;  
       height: 606px!important;
        padding: 0px;  
    }  
    .container .thumbnails {  
       
        width:100%;  
        border: 0px solid #ccc;  
        padding: 0px 0px 0px 5px; 
		float: left;
		height: 800px;
		overflow: auto;
		background: #e2e2e2;
    }  
		.thumbnails img {width: 100%!important;}	
.thumbnails ul {
	margin: 0px;
	padding: 0px;
}

.thumbnails ul li{
	margin: 0px;
	padding: 0px;
}
    .container .master {  
        padding-bottom: 0;  
        position: relative;  
    }  
    .container .master img {  
        z-index: 1;  
        width: 100%;  
        height: 99%  
    }  
    .container .master .fa-chevron-left {  
        position: absolute;  
        left: 5px;  
        top: 5px;  
        background-color: rgb(0,0,0, .7);  
        color: #fff;  
        padding: 10px 15px;  
        z-index: 2;  
        cursor: pointer;  
    animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);  
    }  
		
		
    .container .master .fa-chevron-left:hover {  
      padding-right: 24px;  
      padding-left:8px;  
    }  
      
    .container .master .fa-chevron-right {  
        position: absolute;  
        right: 5px;  
        top: 5px;  
        background-color: rgb(0,0,0, .7);  
        color: #fff;  
        padding: 10px 15px;  
        z-index: 2;  
        cursor: pointer;  
    animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);  
    }  
    @keyframes bounce {  
    50% {  
        transform: translateY(10px);  
      }  
    }  
    .container .master .fa-chevron-right:hover {  
      padding-right: 24px;  
		padding-left:8px; } 
    .container .master .fa-chevron-right {  
        right: 5px;  
        left: auto;  
    }  
    .container .thumbnails {  
        overflow: hidden;  
    }  
    .container .thumbnails img {  
        float: left;  
        width: 19.2%;  
        outline: 2px solid #bbb;  
        opacity: .6;  
        cursor: pointer;  
        transition: all .6s ease-in-out;  
    }  
    .container .thumbnails img:last-child {  
        margin-right: 0!important;  
    }  
    .container .thumbnails img.active {  
        outline: 3px solid #fff;  
        opacity: 1;  
    }  
    .container .thumbnails img.active:hover  
        {  
   
        opacity: 0.9;  
        filter: alpha(opacity=30);  
     transform: scale(.9);  
      transition: .4s;  
        }  
		

	
#bxslider-vertical .bx-wrapper .bx-controls-direction a {
                position: absolute;
                margin-top: -16px;
                outline: 0;
                width: 32px;
                height: 32px;
                text-indent: -9999px;
                z-index: 9999;
                top: auto;
            }
            #bxslider-vertical .bx-wrapper .bx-prev {
                top: 6%!important;
                left: 85px!important;
               
            }
            #bxslider-vertical .bx-wrapper .bx-next {             
                bottom: 1%!important;
                left: 85px;
                
            }
            #bxslider-vertical .bx-wrapper .bx-next:hover{
              
            }
            #bxslider-vertical .bx-wrapper .bx-viewport,#bxslider-horizontal .bx-wrapper .bx-viewport{
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                border: 1px solid gray;
                border-radius: 5px;
                left: 0px!important;
                
    padding: 5px;
                background: transparent;
                -webkit-transform: translatez(0);
                -moz-transform: translatez(0);
                -ms-transform: translatez(0);
                -o-transform: translatez(0);
                transform: translatez(0);
            }
 #bxslider-horizontal .bx-wrapper{
                max-width: 845px!important;
            }
  	@media(max-width: 767px){ 
	.container .master {
    float: left;
    width: 80%;
    height: 280px !important;
    padding: 0px;
        padding-bottom: 0px;
}	
	.imgScrollWrap_v, .imgScrollWrap_v_1 {
    position: relative;
    width: 20%;
    height: 278px;
    overflow: hidden;
    float: left;
}	
}