.jvresslide {    width: 100%; position:relative; overflow: hidden;}
.jvresslide .resbon { width: 100%;}
.jvresslide > .items {    padding:0;    margin:0;    width:100%;    position:absolute;    top:0;    left:0;    -webkit-perspective: 0; -webkit-backface-visibility: hidden;}
.jvresslide > .items > li { left:0;   list-style:none;    position:absolute;    width:100%;}
.jvresslide > .items > li > a,.slide ul.items > li > img {    display: block;    width:100%;    height:auto;    border:none;}
.jvresslide .next,.jvresslide .prev{    display: none;    position: absolute;  z-index: 100;          background: url(img/arrows.png) no-repeat;    width: 30px;    height: 30px;    left: 10px;     top: 50%;    text-indent: -9999px;    margin-top: -15px;}
.jvresslide:hover .next ,.jvresslide:hover .prev { display:block}
.jvresslide .next{    right: 10px;    left: auto;    background-position: -30px;  }

.jvresslide .description { position:absolute; top:50px; left:50px;   color:#fff; }

.jvresslide .nav{text-align: center;    bottom: 10px;    margin: 0;    position: absolute;    right: 10px;  z-index: 100;}
.jvresslide .nav li{display: inline-block; position:relative; top:0;}
.jvresslide .nav .items .title{color: white; position: absolute; bottom: 0; left: 0; right: 0;}

.jvresslide .nav li span{display: none;}
.jvresslide .nav .icon > li > a {    display: inline-block;    background: url(img/bullets.png) no-repeat;    width: 22px;    height: 22px;    text-indent: -9999px;    border: 0;}
.jvresslide .nav .icon > li.active > a{    background-position: 0 -22px}
.jvresslide .nav .thumbs > li > a{width: 100px;  border: 1px solid #FFFFFF;  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);  -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);  -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8); display: block;}
.jvresslide .nav .thumbs > li.active > a { border-color:#f00}
.jvresslide .nav .thumbs img{width: 100%;}

.jvresslide .nav.slide li{position: absolute; left: 12px; top: 0;}
.jvresslide .nav.slide{width: 306px; overflow: hidden;}




.jvresslide li.waiting  {  background: url(img/ajax-loader.gif) no-repeat center center; }
.jvresslide li.waiting > *{visibility: hidden;}

.jvresslide  .title { font-size:32px; position:absolute; top:50px; left:20px;  color:#fff; margin-bottom:15px;  opacity:0; background: rgba(0,0,0,0.4); padding:10px; display:inline-block; transform: translateX(-50%);    transition: all 0.5s ease-out 0s;}
.jvresslide .desc { position:absolute; top:120px; left:20px; color:#fff; }
.jvresslide .desc  p { font-size:16px; float:left; clear:both;  opacity:0; margin-bottom: 10px;    transform:  translateX(50%) ;    transition: all 0.5s ease-out 0.1s; background: rgba(0,0,0,0.4); margin-bottom:0 0 10px; padding:10px; }

.jvresslide li.active  .title {    transform: translateX(0);  opacity:1;  }
.jvresslide li.active .desc p {    transform: translateX(0);  opacity:1; }

.jvresslide .ytplayer{position: absolute; width: 100%; height: 100%; top: -999999px; z-index: 200;}
.jvresslide .ytplayer iframe{position: absolute; width: 100%; height: 100%;}
.jvresslide .playing.ytplayer{top: 0;}
.jvresslide .jtbtnplay{position: absolute; left: 50%; top: 50%; margin: -33px 0 0 -33px; background: url(img/img_play.png);}
.jvresslide .jtbtnplay.loading{background: url(img/ajax-loader.gif);}
.jtbtnplay > span{display: none;}
.jvresslide ul.items > li >a.jtbtnplay{width: 66px; height: 66px;}

.jvresslide .desc  p:nth-child(2) {  transition-delay: 0.2s;}
.jvresslide .desc  p:nth-child(3) {  transition-delay: 0.3s;}
.jvresslide .desc  p:nth-child(4) {  transition-delay: 0.4s;}
.jvresslide .desc  p:nth-child(5) {  transition-delay: 0.6s;}
.jvresslide .desc  p:nth-child(6) {  transition-delay: 0.7s;}
.jvresslide .desc  p:nth-child(7) {  transition-delay: 0.8s;}
.jvresslide .desc  p:nth-child(8) {  transition-delay: 0.9s;}





.jvresslide .nav.circle{overflow: visible; left: 0; width: auto; right: auto;} 
.circle > .items > li{transform-origin: 0 50% 0;}

.jvresslide .nav.circle2{overflow: visible; left: 50%; width: auto; right: auto;} 
.circle2 > .items > li{transform-origin: 50% 100% 0;}