/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
/**
 * Image Gallery Block CSS 
 */
.show{
    width: 570px;
    height: 570px;
} 
.gallery-wrap{
    max-width: 100% !important;
}
.col-thumb{
    width: 100% !important;
    max-width: 160px !important;
}
.col-thumb,
.col-img {
    float: left;
    display: inline-block; 
}
  
.imgScrollWrap_v {
    position: relative;
    width: 152px;
    height: 572px; 
    overflow: hidden;
}

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

.imgScrollBtn01_v {
    top: 0;
    left: 56px; 
    background-position: -40px 0;
}

.imgScrollBtn02_v {
    bottom: 0;
    left: 56px;
    /*background-position: 0 -22px;*/
    background-position: -40px -22px;
}

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

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

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

.imgScrollList_v ul {
    position: relative;
    height: 9999px;
    width: 152px;
    padding: 0;
    margin: 0;

}

.imgScrollList_v li {
    width: 152px;
    height: 532px;
    overflow: hidden;
}

.imgScrollList_v li span {
    display: block;
    margin: 6px auto 12px;
    width: 120px;
    height: 120px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50%;
}

.imgScrollList_v img{
    width: 100%;
    height: 100%;
}
.imgScrollList_v.step-1 {
    top: 0;
}
.imgScrollList_v.step-1 li span{
    margin-top: 0;
}
.cc-left-arrow {  
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    transform: rotate(90deg);
    margin: 0 auto;
}
.cc-right-arrow {  
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    transform: rotate(90deg);
    margin: 0 auto;
}