/* ----------------------------------------------------
	sti slider
---------------------------------------------------- */

/* .sti_container { max-width: 100%; height: auto; } */

.sti_container {
	font-family:Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #333;
    margin:0px auto;
    width:550px;
	min-height:200px;
	padding:0px;
	overflow:hidden;
}

.sti_container a { text-decoration:none; color:#2d75cd; }

.ajax_content { clear:both; }

.sti_slider {
	width:550px;
	overflow:hidden;
	position:relative;
	background:#f4f4f4;
	margin:0;
}

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

	-webkit-transform: translate3d(0px,0px,0px); 
}

.sti_items img { 
	padding:0px; margin:0px; float:left;
	-webkit-transform: translate3d(0px,0px,0px);
	-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; -webkit-border-radius: 4px; -moz-border-radius: 4px; 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; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.sti_slide { width:550px; height:207px; float:left; padding:0; margin:0; background:#fff url(../img/texture_01.jpg); position:relative; }
.sti_slide img { display:block; border:none !important; margin:0 !important; padding:0 !important; max-width:none !important; max-height:none !important; height:none !important; }
.sti_slide div.banner_title { font-size:13px; background:#000; color:#999; padding:10px; position:absolute; left:0; bottom:30px; opacity:.8; }
.sti_slide div.banner_title a { color:#fff; }
.sti_slide div.banner_title a:hover { text-decoration:underline; }

/* content */

.sti_content_slider { background:#fff; margin:0 auto; color:#777; }
.sti_content_slider .sti_content_inner { padding:0px; }
.sti_content_slider h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 0; color:#505050; }
.sti_content_slider h1 { font-size:32px; line-height:34px; margin-bottom:20px; clear:both; }
.sti_content_slider h2 { font-size:26px; line-height:28px; margin-bottom:20px; clear:both; }
.sti_content_slider h3 { font-size:20px; line-height:22px; margin-bottom:20px; clear:both; }
.sti_content_slider h4 { font-size:16px; line-height:18px; margin-bottom:20px; clear:both; }
.sti_content_slider h5 { font-size:14px; line-height:16px; margin-bottom:20px; clear:both; }
.sti_content_slider h6 { font-size:12px; line-height:14px; margin-bottom:20px; clear:both; }

.sti_content_slider p { margin-top:0; margin-bottom:20px; }
.sti_content_slider a:hover { text-decoration:underline; color:#6fa1df; }
.sti_content_slider img { margin:0 0 20px 0 !important; }

.sti_clear { clear:both; }
.sti_line { border-top:#ddd solid 1px; margin-top:20px; clear:both; }


/* ----------------------------------------------------
	sti product
---------------------------------------------------- */

.sti_prod { 
	width:110px; height:150px; display:inline-block; margin:22px 0px -5px 20px; position:relative !important; line-height:30px;
	
	/* ie7 fix */
	zoom: 1; *display: inline; *margin-bottom:0px;
}
/* .sti_prod p{
	position:absolute;
} */
.sti_prod img { 
	position:absolute !important; bottom:0;
	display:block !important; border:none !important; margin:0 !important; padding:0 !important; max-width:none !important; max-height:none !important; height:none !important; 
}

.sti_prod a.link { position:absolute; width:165px; height:231px; background:transparent url(../img/sprite_icons.png) no-repeat; bottom:0; opacity:.8; outline:none; z-index:2; }
.sti_prod a.link.more { background:transparent url(../img/sprite_icons.png) no-repeat 0 0; }
.sti_prod a.link.zoom { background:transparent url(../img/sprite_icons.png) no-repeat -32px 0; }
.sti_prod a.link.video { background:transparent url(../img/sprite_icons.png) no-repeat -64px 0; }
.sti_prod a.link.audio { background:transparent url(../img/sprite_icons.png) no-repeat -96px 0; }
.sti_prod a.link.content { background:transparent url(../img/sprite_icons.png) no-repeat -128px 0; }

.sti_shelf_divider { height:30px; clear:both; background:url(../img/shelf_divider.png) repeat-x; }
.sti_shelf_divider_bottom { width:100%; height:5px; clear:both; background:url(../img/shelf_divider_bottom.png) repeat-x; }

.sti_prod .fx_shadow { width:11px; height:150px; right:-11px; bottom:0; position:absolute; z-index:0; }
.sti_prod .fx_leftside { width:11px; height:150px; left:0; bottom:0; position:absolute; }

/* .sti_prod .ribbon { display:none; } */
.sti_prod .ribbon_green { background:url(../img/ribbon_green.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }
.sti_prod .ribbon_blue { background:url(../img/ribbon_blue.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }
.sti_prod .ribbon_orange { background:url(../img/ribbon_orange.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }
.sti_prod .ribbon_red { background:url(../img/ribbon_red.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }
.sti_prod .ribbon_black { background:url(../img/ribbon_black.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }
.sti_prod .ribbon_gray { background:url(../img/ribbon_gray.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }
.sti_prod .ribbon_violet { background:url(../img/ribbon_violet.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }


.sti_thumb_gallery { margin:12px; margin-top:16px; }
.sti_thumb_gallery img { border:#ddd solid 1px !important; padding:3px !important; box-shadow: 0px 0px 3px rgba(0, 0, 0, .1) !important; }


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

.sti_previous { 
	top:44%; 
	left:0; 
	height:70px;
    line-height:60px;
	width:40px; 
	position:absolute; 
	background:#EEDB9D; 
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .5); 
	cursor:pointer; 
	z-index:2;
	font-size:50px;
	color:#333;
	padding-left:5px;
}
.sti_next { 
	top:44%; 
	right:0; 
	height:70px;
    line-height:60px;
	width:40px; 
	position:absolute; 
	background:#EEDB9D; 
	box-shadow: -3px 3px 5px rgba(0, 0, 0, .5); 
	cursor:pointer; 
	z-index:2;
	font-size:50px;
	color:#333;
	padding-left:5px;	
}


.sti_paginate {
	position:relative;
	display:inline-block;
	zoom:1; *display:inline;
	margin-top:20px;
	min-width:50px;
    text-align:center;
	overflow:hidden;
	padding-left:485px;
	margin-bottom:14px;
}

.sti_paginate .sti_page {
	float:left;
}
.sti_paginate .sti_control {
	float:left; 
}
.sti_paginate .sti_control img { border:none !important; padding:0; }

.sti_paginate .sti_play { padding:0 !important; line-height:0 !important; float:left; margin-left:6px; margin-right:0 !important; }
.sti_paginate .sti_pause { padding:0 !important; line-height:0 !important; float:left; margin-left:6px; margin-right:0 !important; }

.sti_paginate .sti_btn {
    display:inline-block;
	zoom:1; *display:inline;
    padding:4px 11px 4px;
	margin-right:5px;
	margin-bottom:5px;
    font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
    line-height: 22px;
    color: #777;
    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;
}

.sti_paginate .active {
	color: #ffffff;
	background-color: #DE372C;
	background-image: none;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	
	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: #DE372C #DE372C #DE372C;
    border-bottom-color: #DE372C;
}

.sti_paginate .bullets_page {
	background:url(../img/page_bullets_sprite.png) no-repeat; width:18px; height:18px; margin:6px 6px 0 0; float:left; border:none; outline:none;
}
.sti_paginate .bullets_page_active {
	background:url(../img/page_bullets_sprite.png) no-repeat -18px 0; width:18px; height:18px; margin:6px 6px 0 0; float:left; border:none; outline:none;
}

.sti_paginate .thumbnails_page { margin:0 3px 0 0; float:left; border:#fff solid 1px; outline:none; width:60px; height:40px; padding:0px; background:#fff; }
.sti_paginate .thumbnails_page img { border:none !important; }
.sti_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 }
.sti_paginate .thumbnails_page_active img { border:none !important; }


/* ----------------------------------------------------
	sti menu
---------------------------------------------------- */

.sti_menu {
	position:relative;
	display:inline-block;
	zoom:1; *display:inline;
	margin:0 auto 15px auto;
    background-color: #fff;
    font-weight: 300;

	/*
	background:url(../img/texture_01.jpg);
	background-position:0 50px;
	*/
}

.sti_menu .sti_btn {
    display: inline-block;
	zoom:1; *display:inline;
    padding: 0px 8px 0px 2px;
    margin-bottom: 0;
    font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
    line-height: 14px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
	border-right:#ddd solid 1px;
	outline:none;
}
.sti_menu .sti_btn:last-child { border:none; /* padding-right:0; */ }

.sti_menu .active {
	color: #b9b9b9;
}


/* ----------------------------------------------------
	sti 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; } */


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

.sti_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;
}


/* ----------------------------------------------------
	sti 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:48px; height:48px; display:block; z-index:9999; 
	background: #A01A28;
	padding:0px; 
	border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; text-align:left; box-shadow: 0 0 30px rgba(0, 0, 0, .8);
	overflow: visible!important;
}
#preload_lightbox { 
	background:#fff url(../img/preload_16.gif) center no-repeat; width:16px; height:16px; padding:5px; position:absolute; z-index:1001; left:10px; top:10px;
	border:#ddd solid 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

#sti_bar_lightbox { 
	position:absolute; 
	color:#EEDB9D; 
	font-size:12px; 
	bottom:0px; 
	text-align:left; 
	height:30px; 
	background: #A01A28;
	padding:0; text-indent:10px; line-height:32px; border-top:#262626 solid 1px; display:none; box-shadow: 0 10px 20px rgba(0, 0, 0, .8);
}
#close_btn_lightbox { width:30px; height:30px; top:0px; right:0; position:absolute; float:right; cursor:pointer; background:transparent url(../img/btn_close.png) no-repeat; }

#html_content_lightbox { background:#fff; }
#html_content_lightbox html, body { height: 100%; }

#sti_previous_lightbox { 
	top:0; left:-30px; height:100%; width:32px; position:absolute; background:#A01A28 url(../img/post_image_controls.png) right center no-repeat; 
	opacity:.7;  cursor:pointer; z-index:1002;
}
#sti_next_lightbox { 
	top:0; right:-30px; height:100%; width:32px; position:absolute; background:#A01A28 url(../img/post_image_controls.png) left center no-repeat; 
	opacity:.7; cursor:pointer; z-index:1002;
}


/* ----------------------------------------------------
	sliders description
---------------------------------------------------- */

.slider_description {width:100%;text-align:center; margin:40px auto;}
.slider_description strong { 
    min-width: 130px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1),
        4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    outline: none;
	background-color: #1fd1f9;
	background-image: linear-gradient(315deg, #1fd1f9 0%, #b621fe 74%);
	border: none;
    transition: all 0.3s ease;
    overflow: hidden;
	font-size:21px;
	line-height: 18px;
}
.slider_description strong:after {
	position: absolute;
	content: ' ';
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #1fd1f9;
	background-image: linear-gradient(315deg, #1fd1f9 0%, #b621fe 74%);
	transition: all 0.3s ease;
}
.slider_description strong:hover{
	background: transparent;
	box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, 0.5), -4px -4px 6px 0 rgba(116, 125, 136, 0.2), inset -4px -4px 6px 0 rgba(255, 255, 255, 0.5), inset 4px 4px 6px 0 rgba(116, 125, 136, 0.3);
	color: #fff;
	z-index:1;
}
.slider_description strong:hover:after {
    -webkit-transform: scale(2) rotate(180deg);
    transform: scale(2) rotate(180deg);
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, 0.5), -4px -4px 6px 0 rgba(116, 125, 136, 0.2),
        inset -4px -4px 6px 0 rgba(255, 255, 255, 0.5), inset 4px 4px 6px 0 rgba(116, 125, 136, 0.3);
}
.marcador { background:#F00; width:10px; height:10px; position:absolute; z-index:100000; }

#audio_player {
	
}