.zn_container {
	font-family:inherit;
	font-size: 12px; line-height: 18px; color: #333;
    margin:0px auto;
    width:275px;
	min-height:138px;
	padding:0px;
	overflow:hidden;
	position:relative;
	/* *border:#eee solid 1px; */
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); 
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=125,strength=3)"; /* IE8+ */  
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=125,strength=3); /* IE7 and lower */  
	background:#fff;
	-webkit-backface-visibility: hidden;
}
.zn_container a { text-decoration:none; color:#2d75cd; }

.zn_header {
	height:44px; font-size:18px; line-height:46px; padding:0 15px;

	font-family:Arial, Helvetica, sans-serif;
    color: #999;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #CCC;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #E6E6E6 #E6E6E6 #BFBFBF;
    border-bottom-color: #B3B3B3;
    border-radius:4px 4px 0 0;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	outline:none;
}

/* ----------------------------------------------------
	zn item
---------------------------------------------------- */


.zn_item { width:335px; margin:0px; position:relative !important; line-height:16px; clear:both; display:none; background:#fff; }

.zn_item .zn_thumb { float:left; margin:15px 15px 15px 15px; }
.zn_item .zn_thumb img { border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }

.zn_item .zn_title { font-size:12px; width:240px; float:right; margin-top:15px; color:#5a5a5a; font-family:inherit; }

.zn_item .zn_excerpt {
	font-size:12px; width:240px; float:right; margin-top:0px; margin-right:15px; color:#9e9e9e; border-top:#e9e9e9 solid 1px; border-bottom:#e9e9e9 solid 1px; padding:5px 0;
}

.zn_item .zn_bar {
	height:27px; width:100%; clear:both; line-height:30px;
	background:#efefef; border-top:#ddd dashed 1px; border-bottom:#ddd dashed 1px;
	
	background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, white, #f2f2f2);
    background-image: -o-linear-gradient(top, white, #f2f2f2);
    background-image: linear-gradient(top, white, #f2f2f2);
    background-image: -moz-linear-gradient(top, white, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #ddd;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #f2f2f2 #f2f2f2 #BFBFBF;
    border-bottom-color: #d7d7d7;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.zn_item .zn_bar p { margin:0 !important; }


.zn_bar .zn_icons { float:right; text-align:right; margin-right:5px; height:28px; border-bottom:none !important }
.zn_bar .zn_icons .mmphoto { background:transparent url(../img/icon_photo.png) no-repeat; width:17px; height:15px; margin-top:5px; margin-right:10px; }
.zn_bar .zn_icons .mmaudio { background:transparent url(../img/icon_audio.png) no-repeat; width:16px; height:15px; margin-top:6px; margin-right:10px; }
.zn_bar .zn_icons .mmvideo { background:transparent url(../img/icon_video.png) no-repeat; width:16px; height:15px; margin-top:5px; margin-right:10px; }
.zn_bar .zn_icons .mmfolder { background:transparent url(../img/icon_folder.png) no-repeat; width:17px; height:15px; margin-top:5px; margin-right:10px; opacity:1 }

.zn_bar .zn_date { font-size:11px; height:11px; line-height:12px; float:left; color:#868686; text-shadow:1px 1px 1px #fff; padding:0 10px 0 15px; margin-top:8px; border-right:#ccc solid 1px; }
.zn_bar .zn_more { 
	font-size:12px; height:18px; line-height:22px; float:right; text-shadow:1px 1px 1px #fff; padding:0 0 0 10px; margin-right:15px; margin-top:4px; border-left:#d8d8d8 solid 1px; border-bottom:none;
}
.zn_bar a.zn_more { color:#777; text-decoration:none; padding-top:0; }
.zn_bar a:hover.zn_more { color:#999; }

.zn_divider { margin:10px 15px 5px 15px; height:6px; border-bottom:#ddd dotted 1px; }


/* ----------------------------------------------------
	prev/next / paginate
---------------------------------------------------- */

.zn_previous { 
	bottom:15px; right:25px; height:16px; width:12px; position:absolute; background:url(../img/nav_next_prev.png) left top no-repeat; 
	cursor:pointer; z-index:2; border-bottom:none !important; display:block;
}
.zn_next { 
	bottom:15px; right:10px; height:16px; width:12px; position:absolute; background:url(../img/nav_next_prev.png) right top no-repeat; 
	cursor:pointer; z-index:2; border-bottom:none !important; display:block;
}

.zn_paginate {
	position:relative;
	display:inline-block;
	zoom:1; *display:inline;
	margin:10px;
	margin-bottom:10px;
	min-width:50px;
    text-align:center;
	overflow:hidden;
}

.zn_paginate .zn_page { float:left; }
.zn_paginate .zn_control { float:left; border-left:#eaeaea solid 1px; margin-left:6px; padding-left:8px; }
.zn_paginate .zn_control img { border:none !important; padding:0; }

.zn_paginate .zn_play { padding:0 !important; line-height:0 !important; float:left; margin-left:1px; margin-right:0 !important; }
.zn_paginate .zn_pause { padding:0 !important; line-height:0 !important; float:left; margin-left:1px; margin-right:0 !important; }

.zn_paginate .zn_btn {
    display:inline-block;
	zoom:1; *display:inline;
    padding:0 6px;
	margin-right:7px;
	margin-bottom:0px;
    font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
    line-height: 20px;
    color: #999;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #CCC;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #E6E6E6 #E6E6E6 #BFBFBF;
    border-bottom-color: #B3B3B3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	outline:none;
}

.zn_paginate .zn_btn.active {
	color: #444;
	background-color: #d4d4d4;
	background-image: none;
    background-image: -ms-linear-gradient(top, #dddddd, #c5c5c5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#c5c5c5));
    background-image: -webkit-linear-gradient(top, #dddddd, #c5c5c5);
    background-image: -o-linear-gradient(top, #dddddd, #c5c5c5);
    background-image: linear-gradient(top, #dddddd, #c5c5c5);
    background-image: -moz-linear-gradient(top, #dddddd, #c5c5c5);
	
	border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #D6D6D6 #D6D6D6 #BEBEBE;
    border-bottom-color: #888;
}

.zn_paginate .bullets_page {
	background:url(../img/bullets.png) no-repeat; width:14px; height:14px; margin:4px 3px 0 3px; float:left; border:none; outline:none;
}
.zn_paginate .bullets_page_active {
	background:url(../img/bullets.png) no-repeat -14px 0; width:14px; height:14px; margin:4px 3px 0 3px; float:left; border:none; outline:none;
}

.zn_paginate .thumbnails_page { margin:0 3px 0 0; float:left; border:#fff solid 1px; outline:none; width:60px; height:40px; padding:0px; background:#fff; }
.zn_paginate .thumbnails_page img { border:none !important; }
.zn_paginate .thumbnails_page_active { margin:0 3px 0 0; float:left; border:#555 solid 1px; outline:none; width:60px; height:40px; padding:0px; background:#fff; opacity:.3 }
.zn_paginate .thumbnails_page_active img { border:none !important; }





/* ----------------------------------------------------
	zn slider
---------------------------------------------------- */

.zn_slider { overflow:hidden; position:relative; margin:0; height:108px; }

.zn_items { 
	float:left; display:none; padding:0px; margin:0px; width:15000px;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
}

.zn_items img { padding:0px; margin:0px; float:left; -webkit-transform: translate2d(0px,0px); }

.preload_32 { 
	background:#fff url(../img/preload_32.gif) center no-repeat; width:32px; height:32px; padding:5px; position:absolute; z-index:1000;
	border:#ddd solid 1px; border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, .3);
}
.preload_16 { 
	background:#fff url(../img/preload_16.gif) center no-repeat; width:16px; height:16px; padding:5px; position:absolute; z-index:1001; margin-top:28px; left:5px;
	border:#ddd solid 1px; border-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.zn_slide { height:108px; float:left; padding:0; margin:0; position:relative; }
.zn_slide img { display:block; border:none !important; margin:0 !important; padding:0 !important; max-width:none !important; max-height:none !important; height:none !important; }


/* ----------------------------------------------------
	cursor
---------------------------------------------------- */

.grab_cursor { cursor:move; }
.grab_cursor { cursor:url(../img/cursor/mozgrab.png) 8 8, move; }
.grabbing_cursor { cursor:url(../img/cursor/mozgrabbing.png) 8 8, move; }


/* ----------------------------------------------------
	tooltip
---------------------------------------------------- */

.zn_tooltip { 
	background:#000; color:#fff; padding:5px 10px; position:absolute; z-index:1001; top:0; max-width:150px; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:center; 
	box-shadow: 0 0 14px rgba(0, 0, 0, .5); border:#444 solid 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}


/*
.zn_tooltip {
    background-color: white;
    border: 1px solid #CFCFCF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
    display: none;
    font-size: 14px;
    font-weight: bold;
    min-width: 138px;
    padding: 7px 6px 10px;
    position: absolute;
    text-align: center;
    top: -64px;
    z-index: 10;
}
*/


/* ----------------------------------------------------
	lightbox
---------------------------------------------------- */

#mask_lightbox { position:absolute; left:0; top:0; z-index:1001; background-color:#000; display:none; }


#popup_lightbox { 
	position:fixed; left:0; top:0; width:16px; height:16px; display:block; z-index:9999; background:#fff; padding:15px; 
	text-align:left; box-shadow: 0 0 30px rgba(0, 0, 0, .8); border-radius: 4px;
}

/*
#menu_lightbox { width:200px; height:40px; position:absolute; background:#fff; top:-40px; margin:0 auto; border-radius:4px 4px 0 0; }
#menu_lightbox .btn_video { width:30px; height:30px; background:#f90; float:left; position:absolute; }
*/

#preload_lightbox { 
	background:#fff url(../img/preload_16.gif) center center no-repeat; width:16px; height:16px; padding:5px; position:absolute; z-index:1001; left:10px; top:10px; border-radius:4px;
}

#close_btn_lightbox { 
	width:31px; height:31px; top:-15px; right:-15px; position:absolute; float:right; cursor:pointer; background:url(../img/btn_close2.png) no-repeat; display:none;
}

.html_content_lightbox { 
	height:86%; background:#fff; overflow:auto; padding:20px; font-family: Helvetica, Arial, sans-serif; /* overflow-y: scroll; overflow-x: hidden; */
}

/* title */
.html_content_lightbox h4 {
	font-size:22px;
	text-shadow: 0 1px 1px rgba(200, 200, 200, 0.75);
	border-bottom:#ddd solid 1px;
	padding-bottom:10px;
	line-height:26px;
}
.html_content_lightbox p { font-size:12px; line-height:18px; font-family: Helvetica, Arial, sans-serif; color:#7a7a7a; }
.html_content_lightbox h1, h2, h3, h4, h5, h6 { margin-bottom:15px !important; }
.html_content_lightbox img { 
	border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	margin-top:0 !important;
}
.audio_player { background:#000; padding:0px; border-radius:4px; }

.html_content_lightbox::-webkit-scrollbar {
    width: 12px;
}
.html_content_lightbox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
.html_content_lightbox::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background: rgba(255,255,255,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.zn_clear { clear:both; }