127 lines
2.3 KiB
CSS
127 lines
2.3 KiB
CSS
.container {
|
|
display: block;
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.iview {
|
|
display: block;
|
|
min-width: 300px;
|
|
background: #000;
|
|
background: rgba(0, 0, 0, 0.7);
|
|
position: relative;
|
|
overflow: hidden;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.iview .iviewSlider {
|
|
display: block;
|
|
overflow: hidden;
|
|
width: 100%; /* hard fixed (ex 950px) is enable responsive, auto not responve*/
|
|
}
|
|
|
|
|
|
.iview div.iview-directionNav {
|
|
position: absolute;
|
|
top: 47%;
|
|
left: 0px;
|
|
z-index: 9;
|
|
width: 100%;
|
|
}
|
|
|
|
.iview div.iview-directionNav a {
|
|
display: block;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
width: 27px;
|
|
height: 27px;
|
|
background-image: url(../../../img/iView/bg_direction_nav.png);
|
|
text-indent: -9999px;
|
|
-webkit-transition: left 0.3s ease-in-out;
|
|
-webkit-transition-property: left,right;
|
|
-moz-transition: left 0.3s ease-in-out;
|
|
-moz-transition-property: left,right;
|
|
-o-transition: left 0.3s ease-in-out;
|
|
-o-transition-property: left,right;
|
|
-ms-transition: left 0.3s ease-in-out;
|
|
-ms-transition-property: left,right;
|
|
transition: left 0.3s ease-in-out;
|
|
transition-property: left,right;
|
|
}
|
|
|
|
.iview div.iview-directionNav a.iview-nextNav {
|
|
right: -27px;
|
|
background-position: 27px 0px;
|
|
}
|
|
|
|
.iview div.iview-directionNav a.iview-prevNav {
|
|
left: -27px;
|
|
background-position: 0px 0px
|
|
}
|
|
|
|
.iview.iview-hover div.iview-directionNav a.iview-nextNav {
|
|
right: 20px;
|
|
}
|
|
|
|
.iview.iview-hover div.iview-directionNav a.iview-prevNav {
|
|
left: 20px;
|
|
}
|
|
|
|
.tp-caption.data-link:hover{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.slide_config.data-link:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.iview-preloader {
|
|
border: #666 1px solid;
|
|
width: 150px
|
|
}
|
|
|
|
.iview-preloader div {
|
|
background: #666;
|
|
}
|
|
.iview-timer {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.iview-timer div {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.iview .iview-tooltip {
|
|
display: none;
|
|
position: absolute;
|
|
background: url('../../../img/iView/tooltip.png') no-repeat;
|
|
|
|
}
|
|
|
|
.iview .iview-tooltip div.holder {
|
|
display: block;
|
|
width: 124px;
|
|
height: 84px;
|
|
overflow: hidden;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.iview .iview-tooltip div.holder div.container {
|
|
display: block;
|
|
width: 4000px;
|
|
}
|
|
|
|
.iview .iview-tooltip div.holder div.container div {
|
|
float: left;
|
|
display: block;
|
|
overflow: hidden;
|
|
width: 124px;
|
|
height: 84px;
|
|
left: -50%;
|
|
text-align: center;
|
|
}
|
|
|
|
.iview .iview-tooltip div.holder div.container div img {
|
|
height: 84px;
|
|
margin: 0 auto;
|
|
max-width: 100%;
|
|
} |