/* ����ͼ�� �Ѽ����� www.lanrentuku.com */
.head { padding: 30px 0; width: 600px; margin: auto; }
.head h1 { font-weight: 200; font-family: Helvetica, Arial, Verdana, sans-serif; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); text-transform: uppercase; color: #999; }
.container { width: 960px; margin: auto; }
.actions { margin-top: 10px; }
.track { width: 100%; position: relative; }
.view-port, .track .inner { width: 79%; position:relative; height: 320px; margin: 0 auto; }

.axis-y .view-port, .axis-y .track .inner { width: 240px; height: 660px; }
.view-port { overflow: hidden; position: relative; }
.track .inner { position: relative; margin: auto; margin-bottom: 30px; padding: 10px; border-radius: 4px; padding-top: 200px; }
.track .inner h2 { font-weight: 200; font-family: Helvetica, Arial, Verdana, sans-serif; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); text-transform: uppercase; color: #999; }
.track .inner h2:hover { color: #6A3; }
.track a.prev, .track a.next { display: block; position: absolute; top: 50%; margin-top: -32px; width: 64px; height: 64px; background: url("[!--news.url--]skin/web/images/arrows.png"); background-repeat: no-repeat; }
.track a.prev.disabled, .track a.next.disabled { display: none; }
.track a.prev { left: 0; background-position: 0 0; }
.track a.prev:hover { background-position: 0 -66px; }
.track a.prev:active { background-position: 0 -132px; }
.track a.next { right: 0; background-position: -64px 0; }
.track a.next:hover { background-position: -64px -132px; }
.track a.next:active { background-position: -64px -198px; }
.slider-container { position: relative; margin: 0; padding: 0; height: 166px; }
.slider-container.big { height: 288px; }
.slider-container.huge { height: 432px; }
.slider-container .item { position: absolute; width:25%; height: 300px;  margin-bottom: 16px; }
.slider-container .item img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid white; }
.slider-container.big .item, .slider-container.big .item .img-area { height: 288px; }
.slider-contaiber.huge .item { margin-bottom: 12px; }
.slider-container .item p { padding: 0; margin: 0; }
.slider-container .item.cover { width: 940px; }
.slider-container .item.cover-2 { height: 432px; }
.slider-container .item.cover img { float: left; }
.slider-container .item.cover-2 img { float: none; }
.slider-container .item.cover .img-area { float: right; margin-left: 16px; }
.slider-container .item.cover-2 .img-area { float: none; margin-left: 0; margin-top: 12px; }
.slider-container .item.cover-2 .img-area .img-block:first-child { margin-right: 14px; }
.slider-container .item.cover .img-block { height: 128px; }
.slider-container .item.cover-2 .img-block { float: left; }
.img-block { margin-bottom: 16px; }
.editorial { float: right; width: 200px; padding-right: 20px; height: 272px; background: white; }
.editorial .title { font-size: 24px; margin: 20px 0 0 20px; }
.editorial .desc { font-size: 14px; line-height: 18px; padding-top: 8px; margin-left: 20px; }
.side-a, .side-b { float: left; width: 462px; }
.side-a { margin-right: 16px; }
.side-a > img, .side-b > img { width: 462px; height: 272px; }
.bullet-pagination { width: 100%; text-align: center; }
.bullet { display: inline-block; background: #999; padding: 4px; border-radius: 6px; margin-right: 5px; opacity: 0.4; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }
.bullet.active { opacity: 1; }
.bullet:last-child { margin-right: 0; }
#example-4 img { width: 228px; height: 132px; }
.example-4 .loading { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.8); border-radius: 4px; text-align: center; line-height: 140px; padding: 4px 0; z-index: 1; }
.example-4 .loading:before { content: "loading..."; }
.example-4 .bullet { cursor: default; }
.example-1 a.prev, .example-1 a.next { margin-top: 80px; }
.example-2 a.prev, .example-2 a.next { margin-top: -58px; }
.example-3 a.prev, .example-3 a.next { margin-top: -53px; }
.example-4 a.prev, .example-4 a.next { margin-top: -68px; }
.view-port { overflow: hidden; position: relative; }
.slider-container { position: relative; margin: 0; padding: 0; }
.item { position: absolute; }
@media screen and (max-width:1340px) {
.inner { width: 80%; height: 320px; margin: 0 auto; }
.slider-container .item  { position: absolute; width:33.33333333%; height: 200px;  margin-bottom: 16px; }
.bullet-pagination { display: none; }	
}
@media screen and (max-width:1020px) {/*mobi*/
.inner { width: 80%; height: 320px; margin: 0 auto; }
.slider-container .item  { position: absolute; width:50%; height: 200px;  margin-bottom: 16px; }
.bullet-pagination { display: none; }
}
@media screen and (max-width:640px) {/*mobi*/
.inner { width: 84%; height: 320px; margin: 0 auto; }
.slider-container .item  { position: absolute; width:84%; height: 200px;  margin-bottom: 16px; }
.bullet-pagination { display: none; }
}
@media screen and (max-width:640px) {/*mobi*/
.inner { width: 84%; height: 320px; margin: 0 auto; }
.slider-container .item  { position: absolute; width:84%; height: 200px;  margin-bottom: 16px; }
.bullet-pagination { display: none; }
.slider-container .item img{width: 260px; height: 260px;}
}