/*--------------------------------------------------------------------------------------------------------------------------*/

.top-nav {
	padding-left: 380px;
}

.nav-col {
	display: block;
	padding: 9px 0;
	width: 98px;
	height: 36px;
	color: #4f4f4f;
	text-align: center;
}

.nav-col p {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	_line-height: 22px;
}

.nav-col em {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 16px;
	color: #919191;
	font-style: normal;
	font-size: 10px;
	line-height: 16px;
}

.top-nav .line {
	padding-right: 1px;
	background: url("top-nav-line.jpg")/*tpa=http://mir.pk840.com/index_files/top-nav-line.jpg*/ no-repeat right 13px;
}

.nav-menu {
	margin-top: -2px;
	width: 98px;
	height: 0;
	background: url("top-nav-menu.png")/*tpa=http://mir.pk840.com/index_files/top-nav-menu.png*/ no-repeat center bottom;
	overflow: hidden;
}

.nav-menu ul {
	padding: 5px;
}

.nav-menu a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 24px;
	color: #4f4f4f;
	text-align: center;
	font-style: 12px;
	line-height: 24px;
	*line-height: 22px;
	_line-height: 24px;
}

.nav-menu a:hover {
	color: #ed0346;
}


.nav-box {
    position: fixed;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+100));
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    z-index: 99999;
    background-position: center;
    background-image: url("nav-box.png")/*tpa=http://mir.pk840.com/index_files/nav-box.png*/;
    background-color: transparent;
    width: 230px;
    height: 471px;
    top: 20%;
    right: 0px;
}
.navlogo {
    width: 150px;
    height: 120px;
    margin-top: 65px;
    margin-left: 44px;
}

.navlogo, .nav, .tj-btn {
    display: block;
}
.navlogo, .nav-box, .tj-btn {
    overflow: hidden;
}
.nav {
    text-align: center;
    width: 165px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 12px;
    color: #8b8b8b;
    background: url("icon-1.png")/*tpa=http://mir.pk840.com/index_files/icon-1.png*/ center right no-repeat;
    -webkit-transition: .2s;
    transition: .2s;
}
.nav.active, .nav:hover {
    background: url("icon-2.png")/*tpa=http://mir.pk840.com/index_files/icon-2.png*/ center right no-repeat;
    width: 169px;
    color: #d1ac5c;
}
.tj-btn {
    position: absolute;
    bottom: 16px;
    left: 34px;
    width: 162px;
    height: 162px;
    background: url("goto.png")/*tpa=http://mir.pk840.com/index_files/goto.png*/ center no-repeat;
    text-indent: -99999px;
	    
}

.special {
	position: absolute;
	top: 150px;
	left: 50px;
	width: 1100px;
	height: 525px;
	
}

.special-tag {
	position: relative;
	z-index: 99;
	padding: 20px 28px 0 29px;
}

.special-tag ul {
	border-bottom: 1px solid #c19446;
}

.special-tag a {
	display: block;
	overflow: hidden;
	width: 120px;
	height: 58px;
	color: #99662d;
	text-align: center;
	font-size: 14px;
	line-height: 58px;
	_line-height: 60px;
}

.special-tag .on {
	color: #c19446;
}

.special-tag .more {
	position: absolute;
	top: 39px;
	left: 478px;
	display: block;
	width: 19px;
	height: 19px;
	background-position: -116px -116px;
	_left: 449px;
}

.special-tag .slide {
	position: absolute;
	top: 77px;
	left: 29px;
	display: block;
	width: 120px;
	height: 3px;
	background: #c19446;
	font-size: 0;
}

.special-bd {
	position: relative;
	padding: 0 14px 0 15px;
}

.special-bd ul {
	overflow: hidden;
	width: 100%;
	height: 10000%;
}

.special-bd li {
	vertical-align: bottom;
	zoom: 1;
}

.special .prev-next {
	position: absolute;
	top: -54px;
	right: -60px;
	width: 57px;
	height: 109px;
	background: url("img/prev-next.png")/*tpa=http://mir.pk840.com/index_files/img/prev-next.png*/ no-repeat center top;
}

.special .prev-next a {
	position: absolute;
	left: 12px;
	display: block;
	width: 32px;
	height: 23px;
	background-image: url("img/prev-next.png")/*tpa=http://mir.pk840.com/index_files/img/prev-next.png*/;
}

.special .prev-next .prev {
	top: 10px;
	background-position: 0 -110px;
}

.special .prev-next .next {
	top: 76px;
	background-position: 0 -134px;
}

.special .prev-next .prev:hover {
	top: 10px;
	background-position: -33px -110px;
}

.special .prev-next .next:hover {
	top: 76px;
	background-position: -33px -134px;
}

.special .chain {
	position: absolute;
	top: 525px;
	left: 15px;
	width: 120px;
	height: 143px;
	background: url("img/chain.png")/*tpa=http://mir.pk840.com/index_files/img/chain.png*/ no-repeat center top;
}

.special-nav {
	top: 400px;
	left: -10px;
	width: 484px;
	text-align: right;
	_left: 6px;
}
.pngIcon {
	background-image: url("img/pngIcon.png")/*tpa=http://mir.pk840.com/index_files/img/pngIcon.png*/;
	background-repeat: no-repeat;
}


.bg01{
    position: relative;
    background: #0c070d url("bg22.jpg")/*tpa=http://mir.pk840.com/index_files/bg22.jpg*/ no-repeat center top;
}