.ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn {
    /* background: rgba(0, 0, 0, 0) url("light-skin-1.png") no-repeat scroll -14px -150px;*/
    height: 51px;
    left: 50%;
    margin: -25px 0 0 -25px;
    top: 50%;
    width: 50px;
}

.ms-skin-default .ms-slide .ms-slide-vcbtn {
    /* background: rgba(0, 0, 0, 0) url("light-skin-1.png") no-repeat scroll -24px -28px;*/
    height: 30px;
    right: 30px;
    top: 18px;
    width: 30px;
}

.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
    /*background: rgba(0, 0, 0, 0) url("light-skin-1.png") repeat scroll -89px -26px;*/
    cursor: pointer;
    height: 40px;
    left: 30px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 30px;
    
	z-index: 10;
}
.ms-skin-default .ms-nav-next {
    background-position: -89px -103px;
    left: auto;
    right: 30px;
}

.ms-skin-default .ms-thumb-frame-selected {
    opacity: 0.6;
}

.ms-skin-default .ms-thumb-list.ms-dir-h {
    
    height: 60px;
    width: 100%;
}

.ms-skin-default .ms-thumb-list.ms-dir-v {
    height: 100%;
    right: -60px;
    top: 0;
    width: 60px;
}

.ms-skin-default .ms-thumb-frame {
    cursor: pointer;
    float: left;
    height: 60px;
    margin: 1px 0 0 1px;
    overflow: hidden;
    width: 60px;
}

.ms-skin-default .ms-bullets.ms-dir-h {
    bottom: 20px;
    position: absolute;
    right: 50%;
    width: 100px;
}

.ms-skin-default .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-skin-default .ms-bullet {
    /* background: rgba(0, 0, 0, 0) url("light-skin-1.png") no-repeat scroll -34px -117px;*/ 
    height: 10px;
    margin: 4px;
    width: 10px;
}

.ms-skin-default .ms-bullet-selected {
    background-position: -34px -84px;
}

.ms-skin-default .ms-sbar {
    position: absolute;
}

.ms-skin-default .ms-sbar.ms-dir-h {
    left: 10px;
    right: 10px;
    top: 5px;
}

.ms-skin-default .ms-sbar.ms-dir-v {
    bottom: 10px;
    right: 5px;
    top: 10px;
}

.ms-skin-default .ms-sbar .ms-bar {
    background: #dd00ff none repeat scroll 0 0;
    border-radius: 4px;
    height: 4px;
}

.ms-skin-default .ms-sbar.ms-dir-v .ms-bar {
    width: 4px;
}

.ms-skin-default .ms-timerbar {
    bottom: 0;
    position: absolute;
    width: 100%;
}

.ms-skin-default .ms-time-bar {
    background: #ffffff none repeat scroll 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.41);
    height: 3px;
}

.ms-skin-default .ms-ctimer {
    cursor: pointer;
    left: 30px;
    position: absolute;
    top: 30px;
}

.ms-skin-default .ms-ctimer-bullet {
	
}

.ms-skin-default .ms-tooltip {
    cursor: auto;
    position: absolute;
    z-index: 110;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 50%;
    margin-left: -10px;
    position: absolute;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
    border-top: 10px solid rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: 10px solid rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
    border-right: 10px solid rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
    border-left: 10px solid rgba(240, 240, 240, 0.88);
    right: -10px;
}




.ms-showcase-template {
    padding-bottom: 155px;
}
.ms-showcase-template .ms-view {
    background: transparent none repeat scroll 0 0;
}
.ms-showcase-template .ms-bar {
    background: black none repeat scroll 0 0 !important;
}
.ms-showcase-template .ms-tabs-vertical-template {
    margin: 0 auto;
}
.ms-showcase-template.ms-dir-v {
    padding-bottom: 0 !important;
    padding-right: 140px;
}
.ms-showcase-template .ms-thumb-list.ms-dir-h {
    bottom: -145px;
    height: 137px;
    width: 100%;
}
.ms-showcase-template .ms-thumb-list.ms-dir-v {
    height: 100%;
    right: -140px;
    top: 0;
    width: 130px;
}

.ms-thumb-list.hide {
	display:none;	
}

.ms-showcase-template .ms-thumb-list .ms-thumb-frame {
    height: 137px;
    opacity: 0.5;
    transition: opacity 300ms ease 0s;
    width: 127px;
}
.ms-showcase-template .ms-thumb-frame {
    cursor: pointer;
}

.ms-showcase-template .ms-thumb-list.ms-dir-h .ms-thumb-frame {
    margin-right: 10px;
}

.ms-showcase-template .ms-thumb-list.ms-dir-v .ms-thumb-frame {
    margin-bottom: 10px;
}

.ms-showcase-template .ms-thumb-list .ms-thumb-frame-selected {
    opacity: 1;
}

@media (max-width: 400px) {
	.ms-showcase-template .ms-thumb-list.ms-dir-v {
		right: -70px;
		width: 64px;
	}
	.ms-showcase-template .ms-thumb-list .ms-thumb-frame {
		height: 69px;
		width: 64px;
	}
	.ms-showcase-template {
		padding-bottom: 75px;
	}
	.ms-showcase-template.ms-dir-v {
		padding-right: 70px;
	}
}

@media (max-width: 200px) {
	.ms-showcase-template .ms-thumb-list {
		display: none;
	}
	.ms-showcase-template {
		padding-bottom: 0;
	}
	.ms-showcase-template.ms-dir-v {
		padding-right: 0;
	}
}

@keyframes point-anim {
	0% {
		opacity: 1;
		transform: scale(0.5);
	}
	100% {
		opacity: 0;
		transform: scale(1.5);
	}
}

.ms-skin-default .ms-tooltip-point {
    cursor: pointer;
}

.ms-skin-default .ms-tooltip-point .ms-point-center {
    background: white none repeat scroll 0 0;
    border: 2px solid #bbb;
    border-radius: 15px;
    height: 12px;
    margin: -8px 0 0 -8px;
    position: absolute;
    width: 12px;
    z-index: 5;
}

.ms-skin-default .ms-tooltip-point .ms-point-border {
    animation: 1.5s ease 0s normal none infinite running point-anim;
    background: rgba(0, 0, 0, 0.36) none repeat scroll 0 0;
    border-radius: 15px;
    height: 22px;
    margin: -11px 0 0 -11px;
    position: absolute;
    width: 22px;
}

.ms-android.ms-skin-default .ms-tooltip-point .ms-point-border {
    animation: 0s ease 0s normal none 1 running none;
}

.ms-skin-default .ms-tooltip {
    max-width: 200px;
}

.ms-skin-default .ms-tooltip-cont {
    background: rgba(240, 240, 240, 0.88) none repeat scroll 0 0;
    margin-left: -1px;
    padding: 10px;
    text-shadow: 0 1px 0 white;
}

@media not all, only screen and (min--moz-device-pixel-ratio: 2), not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	
	.ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn, .ms-skin-default .ms-slide .ms-slide-vcbtn, .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev, .ms-skin-default .ms-bullet {
		 /*background-image: url("light-skin-1-retina.png");*/
		background-size: 152px 225px;
	}
	
}